Node.js의 렌더링 과정은 클라이언트 요청을 처리하고 서버가 응답을 반환하는 일련의 흐름을 의미합니다. 렌더링 방식은 SSR (서버 사이드 렌더링), CSR (클라이언트 사이드 렌더링), 그리고 SSG (정적 사이트 생성) 등 여러 가지 방식으로 나눌 수 있습니다.아래에서 Node.js의 렌더링 과정과 각 방식의 개념을 설명드리겠습니다.1. 기본적인 Node.js 요청-응답 흐름과정 설명클라이언트 (브라우저)가 서버로 HTTP 요청을 보냅니다.Node.js 서버는 요청을 수신하고 라우터를 통해 적절한 핸들러로 전달합니다.서버는 데이터베이스에서 데이터를 가져오거나 비즈니스 로직을 처리합니다.처리된 데이터를 기반으로 HTML, JSON 또는 파일 등을 반환합니다.브라우저는 서버의 응답을 받아 화면에 렌더..

next js는 라우터 설장이 따로 필요없다. next 작업용 파일을 만든 후에 page.tsx / page.jsx 를 사용하면 next가 알아서 파일을 찾아준다... 맨 처음에는  app/page.jsx를 기본으로 찾아가는 시스템이기 때문에 다른 이름은 사용할 수 없다. (ex home/index.jsx) 이름 규칙에만 유의하여 사용하면 아주 편한거같다 리액트는 하나 하나 다 연결해줘야해서 불편했는데  "use client" >> usePathname 썼을 때 오류를 use client 를 써서 없앨 수 있음import Link from "next/link";import { usePathname } from "next/navigation";export default function Navigatio..

보호글 입니다.

POST (Create) 용도: POST 메소드는 새로운 리소스를 생성하거나 데이터를 제출할 때 사용됩니다. 동작: 클라이언트가 서버로 데이터를 보내면, 서버는 해당 데이터를 이용하여 새로운 리소스를 생성합니다. 중복된 데이터: 같은 요청을 여러 번 보내면, 여러 개의 리소스가 생성될 수 있습니다. 안전하지 않음: POST 요청은 보통 서버의 상태나 데이터를 변경하는 데 사용되므로, 요청이 여러 번 실행되어도 안전한 동작을 보장할 수 없습니다. 예시: 새로운 게시물을 생성할 때, 회원가입을 처리할 때 등에 사용됩니다. PUT (Update) 용도: PUT 메소드는 특정 리소스의 전체 내용을 업데이트할 때 사용됩니다. 동작: 클라이언트가 서버로 업데이트할 데이터를 보내면, 서버는 해당 데이터를 사용하여 리..

1. 헤더(Header): 용도: HTTP 요청의 메타데이터를 전달하기 위해 사용됩니다. 요청의 속성이나 특정 정보를 서버에게 알리는 데 사용됩니다. 특징: 키-값 쌍 형태로 데이터를 전달합니다. 보통 헤더는 요청의 메타데이터를 나타내는데, 인증 정보, 콘텐츠 유형, 캐시 제어, 사용자 에이전트 등의 정보를 전달할 수 있습니다. 헤더는 요청 또는 응답의 첫 부분에 위치하며, 다양한 헤더 필드가 있습니다. 2. 바디(Body): 용도: 실제 데이터를 전달하기 위해 사용됩니다. 주로 POST 요청에서 사용되며, 사용자가 입력한 데이터나 서버가 전송할 데이터를 담습니다. 특징: 요청 본문에 실제 데이터가 포함되어 있습니다. JSON, XML, 폼 데이터 등 다양한 형식으로 데이터를 전송할 수 있습니다. 보안적..

"Authorization"은 보통 HTTP 요청 헤더에 담겨서 전송되며, 해당 요청이 서버에서 수행되기 전에 권한 부여에 대한 정보를 전달합니다. 이를 통해 서버는 요청을 수신한 후 해당 요청이 허용되는지 여부를 결정할 수 있습니다. 일반적으로 "Authorization" 헤더에는 사용자 인증을 위한 정보가 포함되는데, 이는 보통 토큰 기반 인증 방식에서 많이 사용됩니다. 예를 들어, JWT(JSON Web Token)를 사용하는 경우, 클라이언트는 HTTP 요청의 "Authorization" 헤더에 JWT를 담아서 서버에 전송합니다. 이 JWT에는 사용자의 인증 상태와 권한 정보가 포함되어 있습니다. 서버는 이 토큰을 검증하여 사용자의 인증 상태를 확인하고, 해당 요청이 허용되는지 여부를 결정합니다...

SQL 쿼리를 작성할 때, SELECT 문과 FROM 문의 순서가 직관적이지 않게 느껴질 수 있습니다. 쿼리는 논리적으로 FROM 절에서 데이터를 먼저 선택하고(wb_member AS U), 그 다음에 SELECT 절(U.*)에서 특정 데이터를 선택하는 순서로 처리됩니다. 그러나 문법적으로는 SELECT가 먼저 작성되고, 그 다음에 FROM이 작성됩니다. 실제로 SQL 쿼리가 실행될 때는 다음과 같은 순서로 처리됩니다: FROM 절: 먼저, 데이터베이스는 FROM 절에서 지정된 테이블(wb_member)을 찾습니다. 이때 AS U를 사용하여 이 테이블에 U라는 별칭을 지정합니다. 이 순간부터 U는 wb_member 테이블을 참조하는 별칭으로 사용될 수 있습니다. SELECT 절: 그 다음, SELECT ..

함수에서 매개변수의 순서를 바꿔서 function(myHandler(req, res)) 대신 function(myHandler(res, req))와 같이 지정한다면, 이는 실제로 매개변수의 이름만 바뀌는 것이 아니라 그들이 받는 객체도 바뀌게 됩니다. Express와 같은 프레임워크에서는 함수의 매개변수 순서가 중요하며, 첫 번째 매개변수로 들어오는 것이 항상 요청 객체(req), 두 번째 매개변수로 들어오는 것이 응답 객체(res)입니다. 따라서, 매개변수의 순서를 바꾸면, 코드 내에서 req라고 지정된 객체가 실제로는 응답 객체를 참조하게 되고, res라고 지정된 객체는 요청 객체를 참조하게 됩니다. 이는 매우 혼란스럽고, 의도하지 않은 동작을 초래할 수 있기 때문에, 매우 주의해야 합니다. // 올..

const router = require('express').Router() const controller = loadModule('basic', 'controller'); router.post('/post', controller.submitPost); //게시글 쓰기 router.get('/postlist', controller.getPosts); // 게시글 목록을 불러오기 router.get('/post/:idx', controller.getPostById); //게시글 상세 불러오기 router.put('/post', controller.updatePost) //게시글 수정하기 router.put('/postdelete', controller.deletePost) //게시글 삭제하기 module...

모듈(module) : 전체를 이루는 부품 하나하나 require 함수 : 객체 하나를 반환하는 함수 아래 예시처럼 js파일을 연동해서 사용할 수 있다 let m = require('./number.js'); console.log(m.plus(7,2)); //** number.js에서 plus를 실행시킨다 function add(a,b){ return a+b; } exports.plus=add; //** 함수 add를 다른 파일에서 plus로 내보낼것이다 파일 이름에 js를 꼭 붙이지 않아도 된다. 모듈의 경로를 정확하게 작성해야한다. require 함수가 리턴하는 객체는 상수로 대입하는 게 좋다. (중복 선언의 오류가 있을 수 있으므로 변수로 선언하기 보다는 const로 선언하는 것이 권장됨) 모듈 안..

// gyController.deleteComment 함수 정의 // 이 함수는 비동기적으로 실행되며, req(request)와 res(response) 객체를 매개변수로 받습니다. gyController.deleteComment = async(req, res) => { try { // 클라이언트에서 전송된 요청 본문(req.body)에서 삭제할 댓글의 ID 목록을 추출합니다. const deleteIdx = req.body.idxs; // 추출된 ID 목록을 콘솔에 로그로 출력합니다. console.log(deleteIdx); // 삭제할 댓글 ID가 없는 경우 (목록의 길이가 0인 경우), // HTTP 상태 코드 400과 함께 오류 메시지를 클라이언트에 전송합니다. if(deleteIdx.lengt..

then/catch와 try/catch는 JavaScript에서 비동기 작업을 처리하고 오류를 관리하는 두 가지 다른 방법입니다. 이들은 Promise를 다룰 때 주로 사용됩니다. 아래에 각각의 사용 예시와 차이점을 설명하겠습니다. then/catch 예시: javascriptCopy code function getData() { fetch('https://example.com/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error('Error:', error)); } then: Promise가 성공적으로 완료되었을 때 실행될 콜백 함수를 정의합니다. catch: Promi..