WEB2 - Node.js - 생활코딩 수업소개 이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다. 수업대상 예를들어 1억개의 페이지로 이루어진 웹사 opentutorials.org 생활코딩 node.js 강의 정리 1. 객체 사용해서 리팩터링 하기 객체를 활용해서 리팩터링 하는 시간이다. 가. 객체 선언 기존의 templateHTML과 templateList를 합쳐서 HTML과 List라는 속성을 가진 template라는 객체를 선언한다. const template = { HTML : function(title, list, control, description) { return ` Board ${list} $..

WEB2 - Node.js - 생활코딩 수업소개 이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다. 수업대상 예를들어 1억개의 페이지로 이루어진 웹사 opentutorials.org 생활코딩 node.js 강의 정리 1. 글 삭제하기 CRUD의 D 의 의지 Delete 기능을 구현해 보자. 가. delete 버튼 만들기 delete는 링크가 아닌 버튼을 만든다. delete를 링크로 만들시에 특정한 플러그인들이 사용자의 의도와는 상관없이 링크를 실행할 수 있다. 의미론적으로 특정 페이지로 이동하는 것이 아니라 동작을 수행하는 것이기 때문에 링크보다는 버튼이 더 올바른 선택이다. 나. 확인받기 지금까진 버튼을 누..

WEB2 - Node.js - 생활코딩 수업소개 이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다. 수업대상 예를들어 1억개의 페이지로 이루어진 웹사 opentutorials.org 생활코딩 node.js 강의 정리 1. 글 수정하기 CRUD에서 U를 담당하는 update 기능을 구현해 보자. 가. 링크 만들기 update 지금 보고 있는 파일의 이름을 id로 전달한다. update 링크는 특정한 글을 읽고 있는 중에만 보여야 한다. function templateHTML(title, list, description){ return ` ... create ${title} ${description} ... `; ..

WEB2 - Node.js - 생활코딩 수업소개 이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다. 수업대상 예를들어 1억개의 페이지로 이루어진 웹사 opentutorials.org 생활코딩 node.js 강의 정리 0. 적용하기 사용자가 새로운 글을 생성(C)하고, 읽(R)고, 수정(U)하고, 삭제(R)할 수 있게 기존의 코드를 수정해보자. 1. 글 생성 (Create) 가. UI 만들기 새로운 글을 쓸 수 있는 페이지를 만들거다. 사용자들이 create 링크을 누르면 해당 페이지로 이동하고 거기서 새로운 글을 작성할 수 있게 하겠다. create 우선 create 링크부터 만든다. 기존의 코드에 적절한 위치..

WEB2 - Node.js - 생활코딩 수업소개 이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다. 수업대상 예를들어 1억개의 페이지로 이루어진 웹사 opentutorials.org 생활코딩 node.js 강의 정리 1. form 누구나 데이터를 전송함으로써 콘텐츠를 생성, 수정, 삭제할 수 있게 해 보자. 그러기 위해 사용자는 서버로 데이터를 전송하기 위해서 Html의 태그를 사용한다. 위와 같은 form을 작성하면 된다. : 태그의 action 속성은 데이터(form data)를 보낼 때 해당 데이터가 도착할 URL 명시 : 여러 줄의 데이터를 입력받고자 할 때 사용 : 웹 서버로 데이터를 전송하는 버튼 n..

WEB2 - Node.js - 생활코딩 수업소개 이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다. 수업대상 예를들어 1억개의 페이지로 이루어진 웹사 opentutorials.org 생활코딩 node.js 강의 정리 1. npm npm은 node.js를 설치할 때 같이 설치되는 기본 패키지 매니저다. 패키지를 설치, 업데이트, 삭제, 관리하는 것을 편하게 도와준다. npm install pm2 -g 설치는 install 명령을 입력하면 된다. -g 옵션에 대해선 아래에서 설명한다. #For project dependencies use npm list --depth=0 #For global dependencies..

WEB2 - Node.js - 생활코딩 수업소개 이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다. 수업대상 예를들어 1억개의 페이지로 이루어진 웹사 opentutorials.org 생활코딩 node.js 강의 정리 1. 동기& 비동기 node.js는 작업을 동기적(Synchronous)으로 처리할 수 있고 비동기적(Asyncronous)으로 처리할 수 있다. const fs = require('fs'); //synchronous console.log('Syncronous'); console.log('A'); var result = fs.readFileSync('./sample.txt', 'utf8'); con..

WEB2 - Node.js - 생활코딩 수업소개 이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다. 수업대상 예를들어 1억개의 페이지로 이루어진 웹사 opentutorials.org 생활코딩 node.js 강의 정리 1. 파일 목록 동적으로 생성하기 기존의 파일 목록은 정적으로 작성된 것이다. 변동이 생길 때마다 사람이 수동으로 수정해줘야 했다. 이제 data 디렉터리의 파일 목록을 읽어서 동적으로 파일 목록을 생성해 보도록 하자. 2. fs.readdir node.js에서 파일 목록을 읽는 방법은 2가지다. fs.readdir(path[. options], callback) : 비동기 fs.readdirSyn..