일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 생활코딩
- alogrithim
- 알고리즘
- #nodejs#express
- #nodejs#노드js
- javascirpt
- Data Structure
- algorithim
- Birthday Chocolate
- Breaking the Records
- git
- nodejs
- 프로그래머스
- Algorithm
- Drawing Book
- A Very Big Sum
- 자바스크립트
- Sock Merchant
- Divisible Sum Pairs
- Between Two Sets
- Time Conversion
- Migratory Birds
- 노드
- Javascript
- 짝수와 홀수
- Grading Students
- 자료구조
- Apple and Orange
- Ellectronics Shop
- hackerrank
- Today
- Total
목록생활코딩 (16)
ian의 개발일기장
1. 오리엔테이션만들어 볼 것글 작성, 저장, 조회(1,2) 라우팅 구조글 작성 : /topic/new글 저장,조회1 : /topic조회2 : /topic/nodejs 2. 라우팅app_file.js로 메인 파일을 만들자. 위와 같이 코드작성 후, 서버가연결되나 확인해보자. 이때, 전에 배운 nodemon app_file.js로 작동시키면, 서버를 껐다가 다시키는일을 반복하지 않아도 된다. 글을 작성할 라우터 /topic/new를 작성해주자. 글 작성을 위해서 템플릿 엔진을 사용 할 것이다.app.set을 통해, 템플릿 엔진 사용할 명령어를 입력해주고, 템플릿 파일이 있는 폴더를 '/views_file'로 지정해준후, views_file이라는 새폴더를 만들자. views_file 폴더에 new라는 템플릿..
1. Supervisor 왜 필요한가? 항상 nodejs에서 파일을 수정하면, Ctrl+C키를 눌러 서버를 종료 후, node+파일명으로 서버를 켜야 변경내역이 적용됬었다. Supervisor는 이러한 불편함을 해소하기 위해서 나온 패키지이다. 2. 설치방법 터미널에 입력한다. 3. 사용법 터미널에 supervisor + 파일명 을 입력하면 된다. 4. 비슷한 패키지 nodemon이라는 패키지가 있다. supervisor랑 기능은 동일하다. 설치방법 실행방법nodemon + 파일명 출처 - 생활코딩
1. POST 방식을 이용한 정보의 전달 GET method - GET is used to request data from a specified resource.GET method는 HTTP method이다. GET라는 단어 뜻처럼, 클라이언트의 요청에 따라 어플리케이션의 응답의 정보를 얻는 것이다. 클라이언트가 url을 통해, 정보를 얻는 것도 GET method 이다. POST method - POST is used to send data to a server to create/update a resource.POST method도 HTTP method이다. POST라는 단어 뜻처럼, 서버에 데이터를 http body에 담아서 전송하는 것이다. 예를들어, 로그인이나 게시판글들을 전송하는 것이다. 2...
1. 쿼리스트링이란? http://a.com/login 전체를 URL 이라고 한다. 그리고 위에 사진속에 빨간색으로 표시된걸 Path라고 한다. 우리는 라우터(Paht)에 따라서 다른결과를 보여주었다. URL에서 /topic 라우터 뒤에 id=숫자가 있는데 저것을 query string이라고 한다. 한개의 라우터에서 다른 결과들을 출력 할 수 있다. 2. Express의 query 객체 사용 query_string.js 파일을 만들고, 위와 같이 코드를 작성해보다. 그리고나서 서버를 키고, localhost.com:3000/topic으로 접속하자. 우리의 라우터로 접속을 하거나, 라우터에 query string을 입력해서 접속을 해도 결과는 똑같다. query string은 어떻게 사용하는 것인가?! u..
1. 정의 템플릿 엔진이란? html code를 최소화시키도록 도와주는 도구이다. 정적인 파일과 동적인 파일의 장단점을 결합시켰다. 클라이언트 측 브라우저는 HTML 템플릿, JSON / XML 데이터 및 템플릿 엔진 라이브러리를 서버에서 로드합니다. 템플릿 엔진은 클라이언트의 브라우저에서 템플릿과 데이터를 사용하여 최종 HTML을 생성합니다. 그러나 일부 HTML 템플릿은 데이터를 처리하고 서버 측에서 최종 HTML 페이지를 생성합니다. 2. 템플릿엔진(pug) 설치 및 사용 설치 터미널에서 템플릿 엔진 설치할 폴더로 들어간다. 그 다음 npm install pug --save 를 입력후 설치를 하면, package.json파일에 dependecies에 추가가 된다. 템플릿엔진 사용 9. templat..
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 으로 접속해보..