분류 전체보기

오늘은 HTTP 메서드 POST를 테스트할 수 있는 도구인 Postman 활용을 배웠다.📬POST데이터를 생성할 때 사용하는 메서드GET은 데이터를 가져오는 용도였다면, POST는 데이터를 생성할 때 사용한다. 새로운 정보를 서버에 등록하거나 저장하고 싶을 때 사용한다. POST API는 웹 브라우저로 테스트가 안된다?post 메서드로 api를 만들고 실행하면 브라우저에는 다음 텍스트가 출력된다.Cannot GET /test브라우저 주소창은 기본적으로 GET 요청만 보낼 수 있기 때문에, POST는 테스트가 불가능하다. POST는 body에 데이터를 담아 보내는 방식이라 단순 URL 입력으로는 요청이 불가능하다.🧑‍🚀PostmanPOST 요청을 테스트 할 수 있는 도구POST 요청을 테스트하기 위해..

어제에 이어서 오늘은 map에 object를 넣는 방법을 배우고, map을 활용하여 유튜버 정보 조회 코드를 작성해보았다. - 어제랑 많이 겹치는 내용들이어서 정리는 생략. 대신 오늘 새롭게 배운 Express의 기본 구조, 그리고 express-generator를 통해 Express 프로젝트의 틀을 자동으로 생성하는 방법을 정리해보았다. 여태까진 강사님 코드를 따라 API를 만들기만 하다 보니 일단 콘솔만 찍히면 오오오오 했는데, 오늘은 그 구조를 직접 들여다보면서 Express를 더 깊게 이해할 수 있었다.🍳Express는 프레임워크사실 Node.js로 웹 서버를 만들 땐 http 모듈만으로도 가능하다. 하지만 API가 많아지고 요청이 다양해질수록 코드가 복잡해지고 관리하기가 어려워진다. 이를 해결..

이전 시간에 Express에서 req.params()를 활용해서 URL에서 정보를 추출하고, 이를 서버 응답에 활용하는 방법을 배웠다. 오늘은 URL에서 정보를 추출하는 새로운 방법을 배우고, 비구조화를 사용해서 코드를 간단하게 하는법과 Map 자료구조를 Express에 적용하는 방법을 배웠다.💉URL에서 정보 추출하기req.queryURL의 쿼리 스트링, ? 뒤에 붙는 key=value 쌍app.get("/watch", function (req, res) { const q = req.query; console.log(q); res.json(q);});app.listen(3001);클라이언트 요청이 http://localhost:3001/watch?v=abc123&t=42 형식으로 들어온다면,콘솔..

오늘은 강의를 듣지 않고, 9시부터 zep에 모여서 하루종일 카메라 켜고 프로젝트 수행하는 날이었다.프로젝트는 총 2개. 포트폴리오 페이지 만들기와, 요구사항에 맞는 데이터베이스 모델링을 하는 프로젝트였다. 포트폴리오 페이지는 이것저것 조금씩 계속 작업 중🚈ERDEntity Relationship Diagram, 시스템의 엔티티들이 무엇이 있는지, 어떤 관계가 있는지 나타내는 다이어그램요구사항강사님께서 화면 와이어프레임을 주셨다. 공연 티켓팅 서비스에 대한 와이어프레임이고, 주어진 페이지는 5개였다.1. 공연 목록 페이지2. 공연 상세 페이지3. 로그인 페이지4. 회원가입 페이지5. 주문 내역 페이지 우선 완성한 ERD는 다음과 같다!📅테이블user_info사용자 정보를 저장하는 테이블. 로그인/회원..

지금까지는 HTTP 모듈을 사용하여 직접 서버를 만들고 라우팅을 구현해 보았다. 하지만 매번 이걸 직접 다 만들어야 하나? 생각이 들었다.Express.js는 이런 작업을 더 효율적으로 할 수 있게 도와주는 프레임 워크이다. 오늘은 Express.js 를 알아보고, Express.js를 활용하여 REST API를 만드는 실습을 해보았다.🖤ExpressExpress란?Node.js 환경에서 웹 애플리케이션과 API를 빠르게 만들 수 있도록 도와주는 경량 웹 프레임워크Express 는 HTTP 모듈 위에서 동작하며, 더 직관적인 라우팅, 미들웨어 처리, 다양한 응답 메서드 등을 제공한다. 특징간결한 문법: 라우팅과 응답 처리 코드가 간단미들웨어 기반: 요청 흐름에 필요한 기능들을 단계별로 삽입RESTful..

오늘은 HTTP Method를 복습하고 Node.js를 좀 더 깊게 알아보았다. 이전 시간에 배운 모듈에 대해서도 좀 더 자세히 배우고, 모듈과 라이브러리, 프레임워크의 차이도 알아보았음.🔭HTTP method 클라이언트가 서버에 요청을 보낼 때 어떤 동작을 원하는지 나타내는 방식. 각 메서드는 고유의 목적을 가지고 있으며, REST API 설계의 기본이 된다. 주요 HTTP Method Method 역할 생성 POST 새로운 리소스를 생성할 때 사용한다. 요청 본문에 데이터를 포함해서 전송하며, 데이터가 URL에 노출되지 않아 보안성이 높다. 또한 캐시되지 않고, 브라우저 히스토리에 남지 않는다. 조회 GET 데이터를 조회할 때 ..