Node.js에서 EJS 템플릿 엔진을 사용하면 웹 애플리케이션 개발 과정을 더욱 효율적으로 만들 수 있습니다. 특히, 사이드바, 헤더, 풋터와 같이 반복되는 페이지 요소를 include 문법을 통해 한 곳에서 관리할 수 있는 기능은 개발자에게 큰 도움이 됩니다. 그러나 EJS 버전 업데이트로 인해 예전 방식의 include 문법이 에러를 발생시키는 경우가 생겼습니다. 이 글에서는 버전에 따른 include 문법의 차이와 해결 방법을 알아볼께요. EJS 버전에 따른 include 문법 변경 EJS 2.x 버전 EJS 2.x 버전에서는 와 같은 방식으로 include를 사용할 수 있었습니다. 이는 상대적으로 간단한 문법으로, 다른 페이지 요소를 쉽게 포함시킬 수 있게 해줍니다. EJS 3.x 버전 EJS ..
Language/Nodejs
웹 프로그래밍은 우리 생활의 많은 부분을 차지하고 있어, 이해하고자 하는 사람들의 수가 계속해서 늘어나고 있다. 많은 웹 개발 교재와 자료들이 있지만, 어디서부터 시작해야 할지, 어떤 자료가 실용적인지 판단하기란 쉽지 않다. 실제로 저도 Node.js교과서를 통해 학습을 시도했지만, 웹 프로그래밍의 깊은 이해를 위해서는 실제로 게시판 같은 것을 만들어 보는 것이 가장 효과적이라는 생각이 들었다. 더욱 간결하고 구체적인 예제를 원하며, "초보자를 위한 Node.js 200제"라는 책을 선택하게 되었다. 1. 왜 Node.js인가? Node.js는 웹 개발의 세계에서 주목받는 플랫폼 중 하나다. 비동기 I/O를 기반으로 하여 성능이 좋고, JavaScript로 구성되어 있어 웹 프론트엔드 개발자들이 쉽게 접..
내가 Node.js를 사용하는 가장 큰 이유는 웹서버를 사용하기 위한 목적! 일일히 소스를 쳐서 웹서버를 만들 수 있지만, 간단하게 익스프레스(Express) 라는 웹서버 프레임워크를 설치하여 간단하게 셋팅할 수 있다. Node.js command prompt 프로그램을 실행하여 >npm i -g express-generator 노드 익스프레스 프레임워크 설치 설치가 완료되었으면, 익스프레스의 새프로젝트를 생성하면 된다 새로 프로젝트를 만들고자 하는 폴더로 이동(cd 명령어)해서 "express 프로젝트이름"을 입력하면 된다. >express learn-express --view=pug 책의 예제대로 learn-express 라는 이름으로 프로젝트를 생성 --view=pug는 express에서 사용하는 ..
개발을 시작하기로 마음먹었다면, 가장 먼저 해야 할 일은 개발 환경을 셋업하는 것입니다. 특히, 올바른 개발 환경을 설정하는 것은 초보 개발자에게 중요한 첫 단계입니다. 이 가이드에서는 Node.js 설치 방법과 기본 개발 환경 설정을 단계별로 설명해보겠습니다. 초보 개발자들이 쉽게 따라 할 수 있을꺼에요. Node.js: 왜 사용하나요? Node.js는 JavaScript를 서버 사이드에서 실행할 수 있게 해주는 런타임 환경입니다. 웹 페이지의 서버 백엔드 로직을 처리하기 위해 사용되며, 그 유연성과 확장성 때문에 요즘 많은 웹 애플리케이션에서 사용하고 있답니다. 무엇보다 자바스크립트 처럼 사용해서 쉽게 접근이 가능하답니다. Node.js 설치 프로세스 Node.js 다운로드 및 설치 1. 공식 웹사이..