웹 개발 공부

ejs를 알기 전까지는 html에서 중복되는 부분은 pug 같은 템플릿 엔진으로 하는 거라고 알고 있었습니다.. (extends, include..) 그런데 ejs도 include가 가능하네요? (ejs도 템플릿 엔진이지만.. 하지만 ejs는 를 씁니다) 다른 분들은 어떨지 몰라도 제게는 희소식이었습니다. 그래서 js 파일의 변수도 받아 쓸 수 있고 js를 html 요소에 바로 그 자리에서 적용 수 있게 해 주는 고마운 ejs설치 방법과 js view 셋팅.. 등 다루고자 합니다. ejs는 ejs형식으로 작성된 html을 fs로 읽어서 html로 출력해주는 엔진 모듈입니다. # vsCode terminal 설치 방법은 정말로 간단합니다. 설치하고자하는 폴더 경로의 vsCode 터미널에 npm instal..

그런데 express 4.0 버전부터는 body-parser가 포함되어있어서 따로 설치를 안해도 된다고 합니다. 물론 import도 안 하셔도됩니다.. 하지만 저는 설치했습니다 # JS form의 method가 POST이고, 사용자가 input에 입력한 데이터를 호출할 때 request의 body를 불러야하는데 app.post('/list', function(req, res) => { console.log(req.body) }) Error이 뜹니다.. 해결 방법은 라이브러리인 body-parser을 설치입니다. 설치 방법은 쉽습니다. 터미널에다 npm install body-parser 칩니다. npm install body-parser 그리고 server.js에 body-parser을 import를합니..

npm은 node package manager입니다. 말 그대로 무언가를 설치할 때 npm을 씁니다. 자주.. # npm init package.json을 만들기 위해 보통 npm init를 씁니다. 터미널에 npm init라 치면 package.json 파일에 저장할 정보들을 물어봅니다. name 부터해서 설명을 적는 description, main 파일, 비밀번호 등등 까지..설정하시면 됩니다. name은 만들 패키지의 이름을 말합니다. description은 패키지에 대한 설명이며 main은 먼저 찾아야 할 그리고 꼭 실행될 파일입니다. 보통은 index.js입니다. 왜냐하면 패키지를 설치할 때 기본적으로 제일 먼저 찾는 파일 이름이 index이기 때문입니다. 그래서 만든 모듈들을 실행하게 하는 파..

* 코딩애플 nodeJs 강의 듣다가 블로그에 올리면 좋을 것같아 올립니다. MongoDB를 무료로 호스팅을 받기 위해 Mongodb atlas 사이트에 들어갑니다. 회원가입은 google로 연동해서도 가능합니다. 저는 google로 진행했기에 바로 설정으로 넘어갔습니다. # 회원가입 후 설정들 제일 먼저 뜨는 페이지는 node 버전과 직업 부분들이라서 해주고 그다음은 아마존, 구글.. 등등 클라우드 설정하는 페이지가 나오는데 여기서 이름과 국가 부분만 설정하고 나머지는 기본으로 진행합니다. (참고로 국가는 제일 가까운 나라로 하면 됩니다.) 위 절차를 다 밟으셨다면 mongoDB를 연결하려면 코드가 필요합니다. Databases에서 connect를 눌러줍니다. 두번째 버튼인 connect your ap..