목록전체 글 (163)
오식랜드
[node.js] Node.js와 Express 설치하기
Node.js 설치 아래 링크에서 다운로드 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 다운로드 후 설치가 완료되었나 확인하기 1. 윈도우 검색 창에 'Window Powershell' 검색하여 실행 2. 창에 node -v 입력 입력한 줄 아래의 v16.14.0 이 현재 나의 node.js의 버전이다. 설치가 완료되었으니 버전 확인이 가능한 것! 정상적으로 설치되었음을 알 수 있다. Express 설치 1. vscode 내에서 상단 메뉴 중 Terminal 선택 2. New Terminal 클릭 3. 생긴 창에 npm init 입력 *npm 이..
Node.js : javascript 런타임 Javascript : html을 위해 만들어진 언어. html 조작을 위해 만들어진 언어 (html? 웹 페이지에 글/그림을 넣는 언어) js의 해석은 브라우저(chrome, ie, firefox 등)가 담당한다. 브라우저마다의 js언어 해석 엔진이 포함되어있고, 그 종류는 브라우저의 종류마다 다 다르다. chrome - V8, ie - Chakra, firefox - SpiderMonkey 그 중 탁월한 기능의 V8이 단독 출시가 된 것이 Node.js! Node.js : 브라우저 내 뿐만 아니라 외부 환경에서도 js를 실행할 수 있게 도와준다. (브라우저 없이 터미널과 같은 환경에서도 가능) 서버를 쉽게 만들 수 있다. Non-Blocking I/O의 특..
클라이언트와 서버 클라이언트 서버 쉽게 식당 내에서 손님과 서빙직원이라고 생각하면 쉽다. 손님(client)은 음식을 '주문'하고 직원(server)은 주문한 음식을 '서빙'해준다. 클라이언트. 즉 고객이다. 우리에게 보여지는 화면단이 클라이언트라고 생각하면 된다. 고객은 화면 링크에 접속하기도 하고, 버튼을 클릭하기도 한다. 이와 같은 액션을 취하면 그 ‘요청’을 서버가 응답하여 클라이언트가 원하는 바를 제공해준다. 둘이 실행되는 순서 1. 클라이언트 -> 서버 : 요청 2. 서버 -> 클라이언트 : 요청에 대하여 응답, 요청한 바를 제공해줌 *클라이언트 : 사용자, 사용자의 액션 (링크진입, 버튼클릭 등) *서버 : 요청을 받으면 요청한 내용을 보여주는 프로그램! *요청? HTTP 요청을 말한다 (G..
대학생 취준 포트폴리오 웹디자인 / 개발 외주
안녕하세요. 대학생 또는 취준생을 대상으로 한 포트폴리오 웹사이트 외주를 받고 있습니다 :) 회사에서 팀 매니저의 역할을 해오며 다양한 직군의 다양한 사람들과 원활한 커뮤니케이션이 가능합니다. 고객님의 니즈를 적극 반영하여 만족도 200%의 홈페이지를 만들어드리겠습니다! 경력 * 시각디자인과 웹디자인 전공 - 시각디자인과 차석 기록. * 웹 에이전시 경력 2년 - 웹 퍼블리셔로 2년 재직. 팀 매니저 역할 수행. * 프리랜서 경력 - 법무법인 예율에서 자사 홈페이지 리디자인 + 프론트엔드 개발 (6개월) - 랩스 휘트니스의 고객용+관리자용 홈페이지 프론트엔드 개발 (3개월) - 대학생 포트폴리오 디자인 + 프론트엔드 개발 (1주) 포트폴리오 개인 포트폴리오 : https://dudrbrb.github.i..
위의 배열에 추가하고, 삭제함에 따라 갯수대로 html에 div를 추가시키고 싶었다. 그러기 위해서는 우선 html에서 생성될 div들을 담을 부모 div를 만들어준다. subject-wrap의 하위에 div들을 추가할 것이다. 위의 배열을 forEach로 돌려서 부모요소에 innerHTML을 할 것이다. appendChild가 아닌 innerHTML을 사용한 이유는... 그저 짧게 끝낼 수 있을 것 같아서^^; 이때, wrap.innerHTML 에 +=가 아닌 = 만 사용했다면 배열 중 제일 마지막 요소마 들어가게 될 것이다.
