Web
-
🌐 RESTful API 설계 원칙 정리하기!Web 2025. 4. 15. 15:17
RESTful API는 웹 서비스를 설계할 때 가장 널리 사용되는 아키텍처 스타일 중 하나입니다. "REST"는 Representational State Transfer의 약자로, 자원을 명확하고 일관된 방식으로 접근할 수 있도록 해주는 규칙을 말해요. 이번 포스트에서는 RESTful API를 설계할 때 지켜야 할 핵심 원칙들을 정리해볼게요. ✅ 1. 자원(Resource)은 명사로, URI는 단수 or 복수형 REST에서는 URI가 자원을 나타내야 해요. 즉, 무엇을 조작할지를 나타내는 거죠. 예시: ❌ GET /getUser ✅ GET /users/1 자원의 집합은 보통 복수형으로 표현해요. 동작 HTTP 요청 설명..
-
HTTP란 무엇인가?Web 2025. 4. 15. 00:21
HTTP(HyperText Transfer Protocol)는 웹에서 데이터를 전송하기 위한 규약(프로토콜)입니다. 간단히 말해서, 웹 브라우저와 웹 서버 간에 데이터를 주고받을 때 사용하는 규칙이라고 할 수 있습니다. HTTP는 클라이언트와 서버 간에 요청(request)과 응답(response)을 주고받는 방식으로 작동합니다. 예를 들어, 사용자가 웹사이트의 주소를 입력하면, 브라우저는 HTTP 요청을 서버로 보내고, 서버는 해당 요청에 대한 응답을 HTTP를 통해 반환합니다.1. HTTP의 기본 동작 원리 요청(Request): 클라이언트(웹 브라우저 등)는 웹 서버에 HTTP 요청을 보냅니다. 이 요청은 특정 URL(Uniform Resource Locator)에 대한 데이터를 요구하는 것입..
-
💡 인터넷이란? – 백엔드 개발자가 꼭 알아야 할 핵심 개념 정리Web 2025. 4. 15. 00:14
백엔드 개발을 공부하다 보면 "인터넷", "웹", "서버" 같은 용어를 수도 없이 접하게 됩니다.하지만 막상 "인터넷이 뭐야?"라고 물어보면 명확하게 설명하기 어려운 경우가 많습니다.이 글에서는 백엔드 개발에 꼭 필요한 수준에서, 인터넷이 어떤 구조로 동작하는지, 그리고 실제 웹 요청이 어떻게 처리되는지를 정리해보겠습니다.🌐 인터넷이란?인터넷은 전 세계의 컴퓨터와 네트워크가 서로 연결된 거대한 네트워크입니다.즉, 각기 다른 위치에 있는 컴퓨터들이 서로 데이터를 주고받을 수 있도록 만든 시스템이죠.📌 백엔드 개발자 입장에서 중요한 포인트는:- 내가 만든 서버도 이 인터넷이라는 공간 안에 있고,- 사용자의 브라우저도 인터넷을 통해 서버에 요청을 보내며,- 서버는 응답을 되돌려주는 구조라는 점입니다.⚙️ ..
-
ContentType 을 알아보자! (multipart/form-data, application/json)Web 2025. 4. 14. 16:40
📦 multipart/form-data vs application/json 비교 항목 multipart/form-data application/json 주 용도 파일 업로드 (이미지, 문서 등)와 일반 폼 데이터 전송 JSON 형식의 구조화된 데이터 전송 데이터 포맷 각 필드가 boundary로 구분되어 전송됨 전체 요청 본문이 JSON 문자열로 구성됨 파일 전송 가능 여부 ✅ 가능 ❌ 불가능 사용되는 HTTP 메서드 POST POST, PUT, PATCH 서버 파싱 방법 ..
-
[TypeScript] tsconfig.json 알아보기Web 2022. 11. 23. 18:56
타입스크립트 형태로 프로젝트 생성을 하게 되면 root path 에 tsconfig.json 이라는 파일이 생성되어있을것이다. 이 파일의 목적은 타입스크립트 ts 파일들을 .js 파일로 변환할 때 어떻게 변환할 것인지 세부설정하기위한 설정파일이다. 기본적으로 생성되어있는 설정값으로 진행해도 되지만 어떠한 설정값이 있는지 알아볼것이다. 필자는 CRA(create-react-app) 을 통해서 타입스크립트용으로 프로젝트를 생성할때 tsconfig.json 기준으로을 시작을 한다. $ npx create-react-app ts_demo --template typescript 을 입력시 리액트 프로젝트가 생성된다. 위처럼 ts_demo 디렉토리를 가보면 tsconfig.json 가 생성되있을 것이다. // 기본..
-
[Javascript] ESLint, Prettier 설정Web 2022. 11. 22. 14:22
프로젝트를 진행하면서 여러사람과 협업을 한다면 전체적으로 코드품질유지를 위해 노력해봤을것이다. 사람들간에 생각하는 코드 방식이 다를것이고, 생각하는 코드컨벤션이 각기 다를것이다. 통일되지 않은 방식으로 개발된다면 초기엔 문제가 되지 않을것이지만 점차 진행하면서, 가독성면에서 문제가 발생할것이고, 그때가서 통일된 방식을 논의하기에도 시간이 더욱 많이 들것이다. 때문에 초기에 코드작성 방식이나 스타일을 미리 정해서 진행하는것이 좋을것이다. 이러한 문제를 해결하기위한 툴로는 ESLint 와 Prettier 가 등장했으며, 두가지에 대한 특징과 차이점에 대해 알아보고 설정하는 방법에 대해 본다. ESLint ESLint statically analyzes your code to quickly find probl..
-
SSL 사설 인증서 생성방법Web 2022. 10. 12. 18:12
- 사설 인증서 생성방법과 생성한 인증서로 아파치 웹서버 설정 (참고 -인증기관을 통한 인증서가 아니기 때문에 브라우저에서 위험 판단) - 시작전 openssl 설치 필요 - 아래 예를 들어 www.minikode.com 이라는는 url 에 대한 인증서를 생성하는 경우로 작성 - 비밀번호를 설정/미설정 으로 두가지 방법있음. - 웹서버를 아파치 웹서버 설정 # 비밀번호 설정 경우 $ openssl genrsa -des3 -out www.minikode.com.key 2048 # 비밀번호 설정 안한 경우 $ openssl genrsa -out www.minikode.com.key 2048 # ------- # 인증서 생성 $ openssl req -new -key www.minikode.com.key -o..