html

안녕하세요! delay100입니다. 예전부터 이 주제로 포스팅을 하고 싶었어요! 왜냐하면,, CRUD만큼은 여러번 구현해보았고..머릿속에서 완벽히 정리할겸,개발자를 시작하는 분들은 여러번 따라해보는 것이 실력이 잘 는다고 생각하기 때문에,지식을 공유할겸 작성해봅니다. 그런고로 따라만 하면 만들어질 수 있도록 쉽게 만들어보려고 합니다! 그리고 따라만 하면 이해가 되지 않기 때문에, 최대한 상세히 설명(주석)도 적을 예정이니 겁먹지 마시고 같이 만들어봐요!! 자, 서론이 길었죠? 이제 시작해봅시다. 따라하면 만들어지는 메모장 + AWS 배포까지 1탄입니다.github(https://github.com/delay-100/memo)에 코드를 챕터별로 정리해두었습니다.chapter0. 최종 결과아래의 URL에서 ..

지금까지는 서버와 관련된 부분을 공부했다. 이번에는 프론트엔드에서 사용하는 템플릿 엔진에대해 알아보려한다. HTML은 정적인 언어이다. 사용자가 주어진 기능만 쓸 수 있고, 새로운 기능을 처리할 수 없으며 반복문도 불가능하다. 템플릿 엔진은 자바스크립트를 사용해서 HTML을 렌더링할 수 있게 한다. 이번 포스팅에서는 대표적인 템플릿 엔진인 1. 퍼그(Pug), 2. 넌적스(Nunjucks)를 다뤄보겠다. 이전에 포스팅한 express 웹 서버 만들기 -1, 2에서 사용한 코드에 추가할 것이므로, 보고 오면 좋다. 책 Node.js 교과서(개정 2판) 책의 6장의 내용을 참고했다. +모든 코드는 github주소에 있다. 주석 부분이 조금 다르니 블로그 글을 보면서 이해하는 것이 좋다. 1. 퍼그(Pug) ..