🕊️프로그래머스 데브코스/TIL

📒포트폴리오포트폴리오는 "나 이런 개발자야"라고 어필할 수 있는 수단이다. 작업물을 보여주거나, 이력을 보여줄 수 있어야 하고, 다양한 종류로 만들 수 있다.깃헙(코드, 커밋 이력, PR 등) -> READMEpdf(word, ppt, notion 등으로 작성한 문서를 pdf로 변환하여 제출) -> FE(컴포넌트 구조, 기술 선택 이유) / BE(클린코드)웹사이트(직접 만든 포트폴리오 웹사이트 또는 노션 링크 등)블로그개발자 포트폴리오를 보면 꼭 보이는 키워드들-창의적, 꾸준한, 성장하는, 소통하는...-이 있다. 그럼 내가 진짜 이런 사람인지 어떻게 아느냐?👉 기술블로그 학습 블로그 != 기술블로그학습 블로그는 기술블로그가 아니다. 사실 어느정도 알고 있긴 했지만 그래도 많이 슬펐던 말...학습 블..

오늘은 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 형식으로 들어온다면,콘솔..

지금까지는 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 데이터를 조회할 때 ..