Notice
Recent Posts
Recent Comments
Link
«   2026/02   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
Archives
Today
Total
관리 메뉴

사고쳤어요

JSON과 사용법 본문

웹 풀스택

JSON과 사용법

kevinmj12 2025. 2. 12. 14:03

JSON이란

JSON이란 JavaScript Object Notation의 약자로 자바스크립트 객체 문법을 뜻하며, 

구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷이다.

예를 들어 person이라는 json을 다음과 같이 나타낼 수 있다.

let person = {
  name: "minje",
  gender: "male",
  age: "26"
}

console.log(person.name);
console.log(person.gender);
console.log(person.age);

 

중괄호 내에 key : value 형태로 데이터를 저장할 수 있으며,

value를 꺼내고 싶을 때는 person.name과 같이 key를 통해 꺼내 사용할 수 있다.

 

 

그리고 객체 person을 get()을 통해 전달하면 위와 같이 전달되어 필요에 맞게 say1, say2, say3를 사용할 수 있다.

결론적으로 json을 통해 백엔드에서 정해진 포맷에 맞게 데이터를 전달해주고,

프론트엔드에서 원하는 데이터를 꺼내 사용할 수 있는 것이다.

app.get("/products/:n", function (req, res) {
  res.json({
    params: req.params,
    num: req.params.n,
  });
});

 

만약 url에 포함된 숫자 또는 문자열을 사용해야 한다면 위와 같이 params를 사용하면 된다.

params는 URL로 전달되는 매개변수의 정보가 모두 담겨있으며, 

예를 들어 products/3에 접속한 경우 출력되는 json은 다음과 같다.

 

params에는 {"n": "3"}이 저장되어있고, params.n을 통해 3이라는 값을 꺼내 사용할 수 있다.