MERN 스택 학습 37일 차

MERN 스택 학습 여정의 37일 차를 맞이했습니다.

어제는 /about 및 /contact와 같은 페이지를 위한 구조적 라우팅을 설정했습니다. 오늘은 백엔드 개발로 넘어갔습니다. URL 파싱과 쿼리 파라미터(query parameters)에 집중했습니다.

웹사이트에서 제품을 검색할 때, 데이터는 URL에 담겨 있습니다. Node.js에서 이 데이터를 읽고 사용하는 방법을 배웠습니다.

URL은 단순한 텍스트 문자열 그 이상입니다. 이는 구조화된 객체입니다. 작동 방식은 다음과 같습니다:

저는 이 주소들을 분석하기 위해 url 모듈을 사용했습니다. 파서(parser)는 가공되지 않은 URL을 사용 가능한 객체로 변환해 줍니다.

오늘 사용한 코드는 다음과 같습니다:

const http = require("http");
const url = require("url");

const server = http.createServer((req, res) => {
    let parsedUrl = url.parse(req.url, true); 
    let pathname = parsedUrl.pathname;
    let queryData = parsedUrl.query;

    if (pathname === "/search") {
        res.writeHead(200, { "Content-Type": "text/plain" });
        res.end(`Searching logs for user: ${queryData.name} with ID: ${queryData.id}`);
    } else {
        res.end("Standard Endpoint View");
    }
});
server.listen(8000);

이 방식은 쿼리 텍스트를 깔끔한 JavaScript 객체로 변환합니다. 이를 통해 데이터 처리가 간단하고 효율적으로 이루어집니다.

출처: https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758