본문 바로가기

EJS2

[스터디 로그] 4주차: 프론트&백엔드 개발 1차 스터디도 이제 마무리 단계이다.더이상 TODO 리스트라고 부를 수 없는 Application이 되긴 했지만 기능은 완성(?)이 되었다.추가 기능: 페이지네이션, 댓글 기능, jwt 인증(로그아웃 가능), 구글 로그인, 비밀번호 찾기 백엔드 쪽에도 많은 변경이 있었으나 엘리스 교육 과정의 코드를 그대로 적용한 부분이 많아서오히려 프론트 쪽에 시간을 더 투자하였다.엘리스 쪽 코드가 SSR(서버사이드렌더링) 방식의 PUG로 되어 있었고내 프로젝트 코드는 CSR(클라이언트사이드렌터링) 방식 EJS로 되어 있어서 내 쪽으로 맞추면서 전체적으로 프론트 쪽은 다시 수정하게 되었다.두 방식 다 낯설어서 작업이 생각보다 속도가 나지 않았지만 비교하면서 작업하는 것이 생각보다 재미있었다.다음주에는 가능하다면 리엑.. 2022. 8. 11.
[스터디 로그] 2주차: 프론트엔드 개발 - ejs 1주차의 프론트앤드의 모든 기능은 과감하게 버리고...다른 사이트 참고 없이 만들겠다는 당초의 결심도 버리고(시간과 능력의 부족으로)새롭게 만들었다.프론트엔드: html, js, jquery, ajax, ejs, bootstrap백엔드: node.js, express, mongodb, method-override 프론트엔드에서 1주차와 달라진 부분은ejs 를 도입한 것이다.설치$ npm install ejs사용app.set('view engine', 'ejs'); 기본적으로 html 파일과 거의 유사하며 views 폴더에 ejs 확장자로 저장한다. html 코드 안에 js구문, 변수, 인클루드 문서명 등( 사이 위치)을 넣으면 되고네비게이션바나 풋터 같이 반복되는 부분의 처리가 간결하게 인.. 2022. 7. 27.
728x90