일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- #nodejs#노드js
- algorithim
- Divisible Sum Pairs
- 짝수와 홀수
- #nodejs#express
- Apple and Orange
- Breaking the Records
- 알고리즘
- Between Two Sets
- Algorithm
- Ellectronics Shop
- nodejs
- 생활코딩
- javascirpt
- Data Structure
- Sock Merchant
- 노드
- alogrithim
- 자료구조
- A Very Big Sum
- hackerrank
- Migratory Birds
- Javascript
- git
- Time Conversion
- 프로그래머스
- Drawing Book
- Birthday Chocolate
- Grading Students
- 자바스크립트
- Today
- Total
목록Front-End/Node.js (21)
ian의 개발일기장
1. 정적인 파일 복습 먼저 dynamic.js파일을 만들어서, 위와같은 코드를 작성한다. 그리고 pulic 폴더를 만들고, static.html을 만들어서 다음과 같은 코드를 작성하자. node dynamic.js를 통해 서버를 틀고, http://localhost:3000/static.html로 접속하면, 우리가 작성한 html파일이 뜬다. 이것이 지난번에 공부한 정적인 파일을 서비스하는 방법이다. 서버가 켜진상태에서 static.html파일을 변경하고, 다시 http://localhost:3000/static.html 접속해보면 변경된내역이 바로 적용된다. 2. 동적인 파일 아까 작성한 dyanmic.js 파일에 저코드를 추가한다. http://localhost:3000/dynamic 으로 접속해보..
1. 정의 공식문서에 나왔듯이, 정적 파일(Static files)이란 image, css, javascript 파일입니다. 서버에서는 정적파일을 제공하려면, express.static 메소드를 이용해야합니다. 2. 예제 먼저 예제폴더에 사진처럼 public 폴더를 생성하고, 그림파일을 넣자. 나는 ironman.jpg를 넣었다. 예제폴더에 static.js 파일을 만들고, 위코드를 입력해보자. 터미널에서 서버를 키면, listen의 callback funtion이 실행된다. 웹브라우저에서 localhost:3000/ironman.jpg로 접속하면, 이미지파일이 보인다. 이번에는 라우터를 추가해보자. 라우터를 추가하면, 이미지를 불러올수 있다. 3. 정리 express.static(폴더명)은 정적 파일(..
app.js 파일을 만들고, 위코드를 입력해보자. 터미널에서 node app.js 입력해서, node를 실행하면, 터미널창에 listen부분이 코드가 실행된다. 웹브라우저에서 localhost:3000에 들어가면, Hello homepage가 화면에 나올것이고, localhost:3000/login에 들어가면 Login please가 나온다. 코드가 어떤식으로 돌아가는지 공식문서를 통해서 공부해보자. require를 통해, express 모듈을 불러오고, express()를 실행하여 express application을 만든다. express 공식홈페이지를 들어가면, app이라는 application에 메소드들이 나온다. app.listen을 보면, 우리가 node.js에서 배운 http.Server.l..
1. 정의 express 공식홈페이지에 나온대로, express는 node.js의 프레임워크입니다. node.js로 웹서버를 구성할 때, 기능을 하나하나 다 짜면 코드가 길어지거나 귀찮아 지는것들이 있습니다. express를 사용하면 코드의 양도 줄여주고, node.js보다 더 간단하게 기능구현이 가능합니다. 2. 설치 공식문서에는 이렇게 설치를 소개하고 있다. app.js 파일을 만든후, 터미널에 node app.js를 입력해보자. express가 설치되지 않았을 경우, 저러한 오류가 뜬다. express 모듈을 설치하려면, 설치할 폴더로 들어가서, npm으로 설치를 한다. npm init으로 package.json을 생성 후, npm install 패키지명 --save를 이용하여, express 설치..
1. 정의 동기(Synchronous) - 줄여서 Sync 라고 하며, 일을 순차적으로 해결해나간다. 비동기(Asynchronous) - 줄여서 Async, 해야 할 일을 위임하고 기다린다. 2. 예제 동기와 비동기를 이해하기 위해서, nodejsd 내장모듈인 File System을 이용해보자. File System이라는 내장모듈에는 readFile 과 readFileSync 라는 메소드들이 있다. fs.readFileSync가 동기함수이고, fs.readFile은 비동기 함수이다. 공식문서를 보면, 사용법이 잘 나와있다. readFileSync는 첫번째 인자는 path, 두번째 인자는 option으로 encoding 객체를 넣을수 있고 생략가능하다. path에 있는 파일의 내용을 리턴하는 메소드이다. ..
1. 콜백(callback)이란? 프로그래밍에서 콜백(callback)은 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행 할 수도 있고, 아니면 나중에 실행할 수도 있다. 즉, 다른 함수의 인자로써 사용되거나, 어떤 이벤트에 의해 호출되어지는 함수이다. 2. 예제 이 코드를 크롬개발자 도구에서 실행해보면, callback함수인 greeting이 먼저 실행되고, 그다음 processUserInput이 실행되는것을 볼 수 있다. processUserInput이 기다리는동안 greeting이 자기 할일을 한 것이다. 음식점에 갔다가, 사람이 너무많아서 음식을 주문하고 연락처를 준 후, 음식이 완성되면 연락해달라고 했다. 3. 콜백의 동작 방식..
1. npm이란? npm은 Node Package Manager 의 약자이다. 우리는 Nodejs에서 제공하는 내장모듈을 사용할 수도 있지만, 다른 사람들이 만든 외장모듈 또한 사용할 수 있다. 이것은 npm을 통해서 사용가능하다. 2. 모듈 설치 예제 먼저 터미널에서 예제폴더에 들어가자. 터미널에 npm init 입력. npm init을 입력하면, 터미널에 여러가지가 뜨고, 엔터를 누르다보면 마지막에 Is this OK?라고 나온다. OK까지 누르면, package.json 파일이 생성된다. package.json 파일 내용을 보면, 우리가 설정한 내용이 나온다. 필요한 모듈 검색한다npm 공식홈페이지에서 모듈을 검색한다. 우리는 underscore라는 모듈을 이용할것이다. 검색후, underscore..
지난번 코드를 보면, http 모듈을 불러온다고 써있다. 모듈이 무엇일까? 1. 모듈이란? 프로그램 내부를 기능별 단위로 분할한 부분이다. 일종의 부품이라 생각하면 된다. Nodejs 에서 제공하는 내장모듈도 있고, 사람들이 만든 외장모듈도 있다. 우리는 모듈을 잘 활용해야 한다. 2. 모듈을 불러오는것은 nodejs에서 require를 이용한다. require(모듈명) 3. 예제를 통해서 이해해보자. 먼저 module.js라는 파일을 만들고, 아래사진처럼 코드를 작성해보자. 위 코드를 실행해보면, darwin이라고 보인다. 저 모듈은 nodejs공식문서에 자세히 설명되어 있다. 우선 require를 통해서 os모듈 객체를 return 시켰다. 공식문서를 보면서 OS모듈은 여러가지 메소드를 가지고 있다...
새로운 webserver.js를 만들어서, 위의 코드를 입력해보자. 그러면 서버가 생성된것이다. node webserver.js 지난번에 배웠던것 처럼 node + 파일명을 터미널에 입력하면, 서버가 실행된다. 자세히 보면, 우리가 작성한 서버코드에서 listen이후 코드가 실행된것을 볼 수 있다. 우리의 서버가 작동중이다. 그것을 확인하기위해서 http://127.0.0.1:1337 을 웹브라우저에 입력해보자. 서버가 요청을 받아서, 클라이언트에게 응답을 해주어, 브라우저에 Hello world가 보인다. 그러면 서버를 어떻게 끌 것인가? 그것은 바로 Ctrl+C 키를 동시에 누르면 된다. Ctrl+C를 눌렀더니 ^C 가보이면서 서버가 꺼지고, 터미널입력창으로 돌아온것을 알 수 있다. 서버를 끄고, 다..
컴퓨터들은 인터넷으로 연결되고, 클라이언트와 서버 관계가 있다. 클라이언트가 서버에 요청(request)을 하면, 서버는 클라이언트에게 응답(response)를 해준다.클라이언트가 말을 걸면, 서버가 대답해주는 것이다. 컴퓨터에는 0~65535개의 포트가 있고, 클라이언트는 웹브라우저에 http://a.com:80 같은 주소를 입력해서 서버에 요청을 하게 된다. 클라이언트가 올바른 포트에 접속하면, 서버는 리스닝한다. 출처 - 생활코딩, MDN