# nunjucks

jinic

https://www.daleseo.com/storybook/

cloudcoke

nunjucks template engine

bami

지난 포스트에서 템플릿 엔진인 퍼그를 소개해드렸습니다. 하지만 기존 자바스크립트와는 문법이 조금 다른 형태를 취하고 있어서 오히려 더 어려울 수 있다는 생각이 들더라고요. 그래서 좀 더 직관적으로 쓸 수 있는 템플릿 엔진인 넌적스도 한 번 소개해드리려고 합니다.넌적스도

delay100

7. 글쓰기/이미지/해시태그 업로드 이해하기, 8. 팔로우-팔로잉 기능 이해하기, 9. 해시태그 검색 기능 이해하기

delay100

5. 로컬 로그인 기능 이해하기, 6. kakao 로그인 기능 이해하기

delay100

1. 기본 module 세팅, 2. 전체 app.js 세팅, 3. 메인 페이지 이해하기 +layout.html 설명, 4. 회원가입 기능 이해하기

delay100

5. 이미지 업로드 구현하기(with multer 패키지), 6. 팔로우-팔로잉 기능 구현하기, 7. 해시태그 검색 기능 구현하기

delay100

4. 로그인 구현하기(with Passport 모듈), [4-1] Passport 기본 세팅, [4-2] 로컬 로그인 구현, [4-3] sns 로그인 구현(with kakao)

delay100

3. DB 세팅하기(models 만들기)

delay100

1. 프로젝트 기본 뼈대 잡기, 2. 프론트엔드 화면 구현하기, +진행 상황(실행화면)

delay100

템플릿 엔진 - 1. 퍼그(Pug), 2. 넌적스(Nunjucks)

yj6151122

Nunjucks란?모질라의 자바스크립트 템플릿 언어다국어 처리, 공통역역 Include, 페이지별 분기처리, 재사용 컴포넌트 작성 등에 사용한다.변수를 사용하려면 {{}} 안에 사용할 변수를 넣어준다.객체를 전달하는 경우에는 객체에 .을 붙여서 {{ food.fruit

o8888888

템플릿 엔진은 ejs, jade, nunjucks(더 많은 템플릿 엔진) 등 다양하게 있고 이를 사용하여 편하게 작업물을 관리할 수 있다.nunjucks 는 block 단위로 관리하기 편하고, 추후 리액트 전환을 하게 된다해도 크게 구조가 바뀌지 않을 것이라 예상되어