[ Node.js/Hello World! ]
-
[Node.js] EJS로 동적 페이지 만들기Node.js/Hello World! 2022. 8. 8. 16:10
✅ EJS EJS는 Embedded JavaScript의 약자로 Express에서 dynamic website를 만들기 위해 template으로 사용되는 파일이다. EJS는 자바스크립트가 html 안에 내장되어있다. html 태그처럼 자바스크립트의 내용을 삽입할 수 있다. 또한 서버에서 보낸 변수를 사용할 수 있다. ✅ EJS 사용법 ejs에는 javascript 코드를 내장시키는 방법이 2개 있다. 사이에 원하는 javascript 코드를 작성하면 된다. Hello World! 위와 같이 작성하면 for문을 돌면서 Hello World! 가 5번 출력이 되어야 한다. 정상적으로 출력되는 것을 볼 수 있다. or 변수의 값을 출력시킬 경우 혹은 를 사용한다. 반복문을 돌면서 i의 값 0 1 2 3 4 가..
-
[Node.js] Static 폴더 추가하기Node.js/Hello World! 2022. 7. 28. 17:55
✅ 정적 웹페이지(Static web page) 정적 웹페이지(는 저장된 그대로 사용자에게 전달되는 웹 페이지로 내용이 바뀌기 전까지 계속 같은 화면을 보여주는 페이지이다. 즉, 정적 웹 페이지는 모든 상황에서 모든 사용자에게 동일한 정보를 표시하며, 콘텐츠 타입이나 문서 언어의 협상을 위해 웹 서버의 현대적 기능에 종속된다 예를 들면, 회사 홈페이지에서 CEO 인사말 혹은 연혁, 기업가치 등이 정적 웹페이지이다. ✅ 동적 웹페이지(Dynamic web page) 동적 웹페이지는 정적 웹페이지와 반대되는 개념이다. 정적 웹페이지는 항상 동일한 정보를 표시하지만, 동적 웹페이지는 항상 일정하지 않고 변화가 있다. 예를 들면, 게시판이나 SNS 같이 데이터가 입력, 출력, 삭제, 수정이 되는 페이지들이 동적..
-
[Node.js] Express로 서버 실행하기Node.js/Hello World! 2022. 7. 27. 14:31
✅ Express란? Express는 node.js로 서버를 만드는 framework이다. ✅ Express로 서버 실행하기 우선 Node.js 서버를 구축하기 위해 개발 툴은 Atom Editor를 사용할 것 이다. Atom 은 https://atom.io/ 에서 다운로드가 가능하다. 1. 프로젝트 폴더 생성 및 원격 저장소 연동 자신이 원하는 폴더명으로 폴더를 생성(mkdir)하여 그 폴더를 git 저장소(git init)로 만든다. 그 후 자신의 GitHub에 폴더명과 동일한 Repository를 생성한다. $ git remote add origin [원격저장소 주소] 명령어로 자신의 원격 저장소 주소를 연동한다. 2. node 프로젝트 생성 $ npm init npm init 명령어로 현재 폴더에..