웹 개발 공부

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..

# jQuery jQuery 홈페이지 접속 > Download 클릭 일일이 설치하는 것보다는 데이터를 받는 방식이 좋을 것입니다. 스크롤 좀 내리면 CDN 링크 확인이 가능합니다. 저는 Google CDN을 선택했습니다. 원하는 버전 링크를 복사합니다. 상단에 있을수록 최신 버전입니다. # HTML html 파일 내에 붙여넣기합니다. 자바스크립트보다 jQuery가 먼저 위에 있어야 합니다. 그렇기에 js 위에 둡니다.

그런데 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를합니..