오식랜드

node.js로 서버를 열어 코드를 수정할 때, 수정할 때 마다 ctrl+c로 서버를 껐다가 다시 node server.js로 켰다가 하며 확인을 해야하는 번거로움이 있다. 이 때 서버 재실행을 자동화해주는 라이브러리를 설치하자 그것이 nodemon! 1. Terminal 열기 2. 터미널에 npm install -g nodemon 입력 (-g = global : 해당 폴더 뿐만 아니라 컴퓨터 전역에 설치) 3. 터미널에 nodemon server.js 입력 *yarn 사용시 yarn add global nodemon 입력해서 설치 이제는 js파일을 수정하면 자동으로 재시작을 해주어 아ㅏㅏㅏ주 편리하다! 출처 : 코딩애플 유튜브 링크 : https://www.youtube.com/watch?v=Yn4fU..

지난 게시물에서 node.js 와 express를 설치했다. 그것을 이용하여 서버를 열어보자! 우선 지난 게시물에서 이름을 먼저 정해놧던 server.js파일을 만든다 아래 코드를 입력해준다. 이 코드는 서버를 열 때, 가장 기본이 되는 코드라고 한다. // server.js const express = require('express'); // 라이브러리 호출 const app = express(); // 객체에 저장 app.listen(); // .listen = 서버를 열겠다 .listen은 서버를 열겠다는 함수이다. 이제 어디에 열것인가를 정해주어야 한다. .listen(파라미터1, 파라미터2) 로 전달을 해준다. *파라미터1 = 서버를 띄울 포트번호 *파라미터2 = 띄운 후 실행할 코드 app.l..

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..