본문 바로가기

전체 글109

ejs 목차1. EJS란?2. 사용법1. EJS란?body 태그 안에서 javascript 문법을 사용할 수 있도록 하는 서버 사이드 템플릿 엔진템플릿 엔진은 웹 애플리케이션에서 동적으로 HTML 페이지를 표시하기 위한 도구다. EJS는 템플릿 엔진의 하나로 클라이언트가 서버에 요청을 할 때 라우팅에 의해 동적으로 HTML 파일을 읽어 렌더링한다. 그런데 단순히 렌더링하는 것이 아닌 스크립틀릿이라는 블록을 통해 서버에서 처리한 데이터를 받아 화면에 표시할 수 있게 해준다.스크립틀릿일반 js 문법 사용시변수의 값을 불러올 시 2. 사용법ejs를 사용하기 위해서는 외부 모듈인 ejs를 설치해야 한다. 다만 express에서 ejs를 사용할 수 있도록 되어있어 별도로 모듈을 가져올 필요없이 템플릿 엔진에 대한 설정만.. 2024. 6. 10.
미들웨어 목차1. 미들웨어란?2. 사용법3. 미들웨어의 역할 nodejs를 시작하면 미들웨어라는 것을 반드시 배우게 된다. 이 미들웨어가 무엇이고 왜 사용을 하는지 알아보도록 하자. 1. 미들웨어란?서버로직 중 요청과 응답 사이에 실행되는 함수 서버에 요청을 했을 때 라우팅 처리나 공통적인 기능을 처리하는데 사용한다. 2. 사용법미들웨어는 서버객체를 통해 호출되는 use메서드로 해당 함수안에 처리할 로직을 작성하면 된다. // 문법서버객체.use("경로",콜백함수);//ex)const express = require('express');const app = express();app.use((request,response,next)=>{ next();})문법으로는 use메서드를 호출할 때 경로와 콜백함수를 인.. 2024. 6. 9.
REST방식 목차1. REST란?2. 요청의 종류3. 장점4. 목적 개발을 배울 때 서버를 접하게 되면 REST라는 방식을 필수적으로 공부하게 된다. 이것이 무엇이길래 알아야 하는지 알아보자 1. REST란?웹 서비스 디자인을 위한 아키텍처 스타일로, 리소스를 HTTP 요청을 통해 접근하고 조작하는 방법클라이언트와 서버사이의 통신 방식 중 하나Representational State Transfer의 약자로 HTTP 메소드를 통해 Resource를 처리하도록 설계된 아키텍쳐다. 2. 요청의 종류REST방식에서는 클라이언트가 서버에 데이터의 처리에 따라 요청을 다르게 한다. 어떤 요청을 하는지 알아보자.GET데이터를 조회하기 위한 요청 메서드POST데이터를 생성 및 저장하기 위한 요청 메서드PUT전체 데이터를 변경하기.. 2024. 6. 8.
요청헤더 내용분석 목차1. host2. sec-fetch-site3. connection4. upgrade-insecure-requests5. sec-fetch-mode6. accept7. user-agent8. accept-language9. sec-fetch-dest10. accept-encoding http로 서버에 요청을 하게 되면 헤더에 다음과 같은 내용이 포함된다. 이 내용들을 몰라도 크게 상관은 없지만 알고 있다면 요청시 문제가 발생했을 때 분석하여 해결할 수도 있다. 헤더에는 어떤 내용들이 있는지 알아보도록 하자. host: 'localhost:3000','sec-fetch-site': 'none',connection: 'keep-alive', 'upgrade-insecure-requests': '1','s.. 2024. 6. 7.

티스토리툴바