WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. form 누구나 데이터를 전송함으로써 콘텐츠를 생성, 수정, 삭제할 수 있게 해 보자. 그러기 위해 사용자는 서버로 데이터를 전송하기 위해서 Html의 <form> 태그를 사용한다. 위와 같은 form을 작성하면 된다. 출처 : http://www.tcpschool.com/html-tag-attrs/form-action 가. input tag type 우측은 HTML5부터 추가된 input tag의 type이다. 출처 : TML Form Input … 더 읽기
WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. npm npm은 node.js를 설치할 때 같이 설치되는 기본 패키지 매니저다. 패키지를 설치, 업데이트, 삭제, 관리하는 것을 편하게 도와준다. 설치는 install 명령을 입력하면 된다. -g 옵션에 대해선 아래에서 설명한다. npm을 통해서 설치한 패키지의 목록을 보고 싶다면 아래와 같은 명령을 터미널에 입력한다. 업데이트는 이렇게 하면 된다. 2. … 더 읽기
WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. 동기& 비동기 node.js는 작업을 동기적(Synchronous)으로 처리할 수 있고 비동기적(Asyncronous)으로 처리할 수 있다. 하나의 작업이 끝날 때까지 기다렸다가 다음 작업을 처리할 수도 있고, 동시에 병렬로 여러 가지 일을 처리할 수도 있다. 비동기 처리는 효율적이지만 복잡하다. 그렇지만 node.js의 성능을 끌어올리기 위해서 사용해야 한다. fs.readFile과 fs.readFileSync를 예시로 들었지만 … 더 읽기
WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. 파일 목록 동적으로 생성하기 기존의 파일 목록은 정적으로 작성된 것이다. 변동이 생길 때마다 사람이 수동으로 수정해줘야 했다. 이제 data 디렉터리의 파일 목록을 읽어서 동적으로 파일 목록을 생성해 보도록 하자. 2. fs.readdir node.js에서 파일 목록을 읽는 방법은 2가지다. 강의에서는 fs.readdir을 사용했다. ./data 아래 파일의 목록을 읽어와서 … 더 읽기
WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. Not found 구현 기존에 코드를 개선할 거다. 대상 코드는 url의 분석해서 존재하는 페이지인지 혹은 존재하지 않는 페이지인지 판단하는 코드다. 우리가 고려해야 할 경우의 수는 3가지다. 이제 각각의 case일 때 어떻게 동작해야 하는지 생각해 보자. 가. 1번 case 1번 case의 경우 root 페이지를 보여주면 된다. 나. … 더 읽기
WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. 비교연산자 ==와 === ==과 ===이 구체적으로 어떻게 다른지 간단한 예시로 알아보자. 대충 이런 느낌이다. 웬만해서는 ===를 사용하길 권한다. 2. 콘솔에서 입력받기 Node.js에서 콘솔을 통해서 값을 입력하는 방법에 대하여 알아보자. 만약 위와 같이 콘솔에 입력하고 A, B 값을 출력받기를 원한다. 그렇다면 프로젝트 파일 아래 syntax/conditional.js 파일을 … 더 읽기
WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. Node.js 파일 Node.js에서 파일을 다루는 방법을 배워보자. 역시 데이터를 다루기 위해서 알아야할 가장 중요한 것은 CRUD다. CRUD를 모두 구현하겠지만 일단은 Read부터 배웠다. 2. 파일 읽기 Node.js가 file을 읽어오는 방법을 알아보자. google에 ‘node.js read file’이라고 검색하거나 아래의 공식 홈페이지를 참고하면 된다. https://nodejs.dev/en/learn/reading-files-with-nodejs/ 공식 홈페이지에서는 2가지 방법을 … 더 읽기
WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 0. 동적인 웹 페이지 만들기 지난 시간에 사용자의 쿼리 스트링을 통해서 동적으로 웹 페이지를 구성하는 방법을 맛보았다. 이제부터는 쿼리스트링에 따라서 각각의 웹 페이지를 완성시켜 보자. 1. response.end(template); 현재 디렉터리에 위치한 1.html은 정적인 파일이다. 해당 파일의 html 코드를 복사해서 main.js 파일에 template literals를 이용해서 붙여 넣는다. (이걸 … 더 읽기
WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. URL URL은(Uniform Resource Locator)로 네트워크 상에서 자원이 어디 있는지를 알려주기 위한 규약이다. 우리가 일상에서 웹 주소(web address)로 흔히 부르는 것이다. 컴퓨터 네트워크와 검색 메커니즘에서의 위치를 지정하는, 웹 리소스에 대한 참조이다. 쉽게 말해서, 웹 페이지를 찾기 위한 주소를 말한다. 출처 : https://ko.wikipedia.org/wiki/URL 가. URL 형식 쿼리 … 더 읽기
WEB2 – Node.js – 생활코딩 생활코딩 node.js 강의 정리 1. JS 데이터타입 JS의 데이터타입에 대하여 일전에 학습한 적이 있으니 따로 다루진 않겠다. 2. JS 변수 JS의 변수에 관해서도 일전에 학습한 적이 있으니 패스. 시간을 아끼자. 3. 문자열 대입 학습을 위해서 프로젝트 디렉터리에 새로 syntax 디렉터리를 만들고 그 아래에 template.js 파일을 새로 만든다. 나무위키에서 검색한 위스키 … 더 읽기
