[본캠프] 1일차

윤영범·2026년 3월 9일

웹개발 기초의 대한 상식

1.클라이언트,프론트엔드,백엔드

클라이언트(사용자),프론트엔드,백엔드

프론트엔드
HTML - CSS - Javascript 를 통해 기본뼈대에 옷을입혀 Ui-UX를 편하게만듬
HTML - 모든 웹사이트의 기본뼈대(마네킹) head , body
CSS - 옷
Javascript - 기능(걷기,뛰기) 보통 JSON이라는 객체형태로 담는다

백엔드
UI를통해 요청(REQUEST)한 결과값(json)을 데이터베이스에서 꺼내 RESPON(응답해준다)

2.서버

하드웨어 서버
컴퓨터를 구성하는 물질적 부품, 대형 컴퓨터 그자체(항상 서버실은 켜져있음)
클라우드 서비스 제공 -> 공유

소프트웨어 서버
하드웨어 서버라는 컴퓨터 안에서 실행되는 프로그램, 클라이언트의 요청을 듣고 그에 맞는 응답을 하도록 설계 ex:하드웨어서버 포트를 통해 소프트웨어 서버프로그램이 응답

*웹서버 : apache , nginx

3.API

aplication programming interface
개발자, 프로그램가 쉽고, 편하게 원하는 목적을 얻을 수 있도록 도와주는 소통창구
api를 통해 프로그램끼리 쉽게 접점을 가질수 있음

REST(Representational State Transfer) API
표준 설계 원칙 개발자들끼리의 변수 통합 약속
ex) 찜목록추가를 만들때 개발자A = createItem 개발자B= new/items, 똑같이 통합해야함
REST 6가지 원칙
1.균일한 인터페이스
2.클라이언트-서버 역활 분리
3.무 상태성 - 클라이언트가 똑같은요청을 5번해도 기억하지않는다
4.주문형코드
5.캐시가능
6.계층형시스템

모든원칙을 지킬필요는 X
6가지 원칙 전부다는 아니여도 1~3은 자주 차용되는 원칙

REST API
REST설계규칙을 따르는 웹 API
1.Who(누가) 2.What(무엇을) 3.How(어떻게) 4.Parameters(필요한행동) 5.Return(반환값)

요청 명세서 작성

요청 명세서(Request Specification)의 필수 구성 요소는 Method, Endpoint, 요청 Parameter, Header 정보, 그리고 Body(POST, PUT 등)

Endpoint
요청이 향하는 목적지 주소
명사사용,복수형사용

응답 명세서 작성

응답 명세서(Response Specification)는 상태 코드(Status Code), Header, 그리고 본문(Body)으로 구성
응답 명세서에는 성공(2xx)뿐만 아니라 Client 오류(4xx)와 Server 오류(5xx) 상황에 대한 응답도 명시해야함
CRUD 시 요청시 상황에 맞는 응답값 제공 (에러값도 같이포함해야됨)
Create - 201 > id부여
Read - 200
Update - 200
Delete - 204

첫날생각보다 강의내용도 많고 빠른거같아서 실습부분에서 조금해맨거같다
이전에 어느정도 아는내용이있어서 이해하는데 어렵진않았는데
프론트엔드,백엔드 코드 프레임워크 사용하는쪽에서 조금 헷갈리는부분이 있었다

갑자기 오랜시간집중하는게 익숙하지않아서 복습과정이길어 시간도 많이소비하고,
조금 해이해진부분이있었는데 차차 익숙해지면서 나아질꺼라고 생각한다

내일부터는 1시간공부 5분정도 스트레칭하는걸 습관화해야겠다

0개의 댓글