728x90 Back-end63 pug 템플릿 엔진(template engine) 정리 및 요약 pug를 정리하게 된 계기 Node.js를 사용해서 프로젝트를 진행하다 보니 다양한 템플릿 엔진을 접할 수 있었습니다. ejs나 pug도 그중에 하나인데, ejs는 한 번 사용해본 적이 있었으나 pug라는 템플릿 엔진을 이번에 처음 알게 되어서 간단하게라도 정리해보려 합니다. Getting Started – Pug Getting Started Installation Pug is available via npm: $ npm install pug Overview The general rendering process of Pug is simple. pug.compile() will compile the Pug source code into a JavaScript function that takes a data.. 2022. 9. 29. Node.js 설치 및 express framework 간단하게 써보기 Node.js 설치 우선 아래 node.js 공식 홈페이지로 이동해서 최신 LTS 버전을 다운로드합니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 이렇게 화면이 등장하는데, 글 작성 시점에서는 16.17.0 LTS가 최신 버전이네요 여기서 LTS가 뭔지 궁금해서 간단하게 찾아봤는데, Long Term Support의 약자로 장기 지원 버전을 줄여서 LTS라고 부른다고 합니다. 쭉 눌러서 설치하면 됩니다. 저는 이미 깔려있는 버전이 있어서 새로운 버전으로 업데이트를 진행했기 때문에 약간 다를 수 있습니다. 테스트 코드 실행 node가 잘 설치됐.. 2022. 9. 26. MVC (Model - View - Controller) pattern 개념 공부 및 정리 🎨 MVC pattern이란? 모델 뷰 컨트롤러 (model-view-controller, MVC) 패턴은 소프트웨어 공학에서 사용되는 디자인 패턴입니다. 디자인 패턴은 소프트웨어 공학의 소프트웨어 디자인에서 특정 문맥에서 공통적으로 발생하는 문제에 대해 재사용이 가능한 해결책을 의미한다고 합니다. 저는 간단하게 개발 과정에서 쌓아온 설계 노하우를 축적해 이름을 붙여서 새로이 이름을 붙여 이후에도 재사용 하는 개발 방법론에 대한 규약이라고 이해했습니다. 즉, 특정한 코드나 프로그램이 아니라 효율적인 코드 작성과 프로그램을 만들기 위한 방법론을 디자인 패턴이라고 하는 것이죠. 오늘 정리할 MVC pattern은 이러한 디자인 패턴의 한 종류로 Model, View, Controller 세 개의 구성 요소로.. 2022. 9. 22. REST API 개념 정리!! REST API란? 정보를 주고받는 데 있어서 개발자들이 널리 사용하고 있는 일종의 형식을 의미합니다. web API 중에서도 REST architecture를 준수하는 API를 REST API라고 부르며, RESTful API라고 부르기도 합니다. 그렇다면 API란? tv를 조작하기 위한 리모컨이나 자판기를 위한 버튼 같이 Application을 위한 interface를 의미합니다. Interface는 인간과 기계의 소통을 돕는 일종의 장치 같은 개념입니다. 소프트웨어가 다른 소프트웨어로부터 지정된 형식으로 요청, 명령을 받을 수 있는 수단을 Application Programming Interface 줄여서, API라고 부릅니다! 😀 간단하게 서비스나 프로그램 간에 세부적인 구현 사항을 알지 않아도 .. 2022. 9. 15. Node js web framework 중 가장 많이 사용되는 Express란 무엇일까? Node.js 자체에 대해서 알아본 지난 글에 이어서 이번에는 Node.js를 이용한 웹 서버 개발에 도움이 되는 web framework 중 가장 많이 사용되는 Express를 정리해보려 합니다. node js에 대해 잘 모르시는 분은 node js 정리 글을 먼저 읽고 오시면 됩니다!! 😀 Express란? Node.js의 웹 프레임워크 중 하나로 가장 유명한 웹 프레임워크 (Web framework)에 해당합니다. 웹 사이트 및 웹 앱 개발 영역에서 Node.js의 점유율이 늘어나면서, Node.js의 웹 프레임워크 중 하나인 Express framework는 매우 가볍고 사용이 유연하다는 장점으로 인해 많이 사용되고 있다고 합니다. Express를 사용하는 이유 필요에 따라 유연한 구조 설정이 가.. 2022. 9. 13. DOM (Document Object Model) 개념에 대한 정리 DOM 이란? 문서 객체 모델 (Document Object Model)의 약자로, 객체 지향 모델로서 구조화된 문서를 표현하는 방식을 의미합니다. DOM의 의의 DOM은 XML이나 HTML 문서의 프로그래밍 인터페이스로 문서의 구조화된 표현(structured representation)을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 돕습니다. JavaScript에서는 이 DOM을 다룰 수 있습니다. HTML DOM HTML 문서를 조작하고 접근하는 표준화된 방법으로, 모든 HTML의 요소들은 HTML DOM을 이용한 접근이 가능합니다. 기본적으로 JavaScript는 HTML 문서의 어디에 무엇이 있는지 파악할 수 없기 때문에, HTML 문서를 parsing 하여 DO.. 2022. 9. 12. 이전 1 ··· 7 8 9 10 11 다음 728x90
