[내일배움캠프] 웹 개발 기초 chapter 2, 3. 프론트엔드와 백엔드의 대화, 코드 맛보기

1. 프론트엔드와 백엔드의 대화 방식과 프로젝트 맛보기

• 오늘은 서버와 HTTP, REST API에 대해서 학습하고 Postman을 사용하여 Mock서버를 생성하고 API를 직접 호출, 응답해보았다.
• 완성된 프론트엔드, 백엔드 프로젝트를 연동하여 완성된 하나의 웹 프로젝트를 실습해보았다.

2. 프론트엔드와 백엔드의 대화

2-1. 서버란

• 서버는 하드웨어로서의 서버와 소프트웨어로서의 서버로 나뉜다. 하드웨어로서의 서버는 24시간 365일 작동하는 고성능 컴퓨터 본체를 이야기 하며, 소프트웨어로서의 서버는 클라이언트의 요청을 듣고 응답하도록 설계된 프로그램을 말한다.
• 소프트웨어로서의 서버는 클라이언트의 요청을 해석하고 비즈니스 처리를 해서 응답한다.
• 입력값과 상황에 따라 결과가 달라진다.

2-2. HTTP란

• HTTP(HyperText Transfer Protocol)는 텍스트로 작성된 정보를 전달하기 위한 규약이다.
• HTTP는 클라이언트가 먼저 요청하고 서버가 응답한다는 원칙을 따른다(절대로 서버는 먼저 클라이언트에게 말을 걸지 않는다)
• HTTP는 무상태성(=서버는 클라이언트의 이전 상태를 기억하지 않는다.), 비연결성(=응답을 마치면 연결을 끊는다.)이라는 특징을 가진다.

2-3. API란

• 사람 대신 프로그램이 서로 소통하기 위한 접점
• 소비자(개발자, 프로그램)가 쉽고, 편하게 원하는 목적을 얻을 수 있도록 도와주는 소통창구
• REST : REpresentational State Transfer, URL로 웹 자원을 식별하고 표현을 HTTP표준에 맞게 주고받는 원칙

2-4. Postman으로 API 호출 및 응답

• Postman 을 통해서 Mock서버를 만들고 직접 API를 호출하고 응답을 확인하는 과정

3. 프로젝트 맛보기

• 미리 구현된 프론트엔드와 백엔드 프로젝트를 받아서 연동을 해보는 과정을 학습해보았다.
  
  

• 리액트와 스프링 프로젝트를 연동시켜 보았다.

• 데이터베이스(Firebase)를 연동하는 실습 중 에러가 발생하였다. (권한 오류)
• 해당 오류를 해결하기 위해 검색을 해보았으나 해결점을 찾지 못하여 튜터님께 여쭤보았음
• 코드의 문제가 아닌 데이터베이스의 문제로 예상되어 당장 해결점을 찾진 못하였다.

4. 오늘의 느낀점

• 실습을 해보면서 오류가 발생하는것을 경험해보니 당혹스러웠다. 분명 강의 내용대로 진행했는데 오류가 나오니 더 당황했던거 같다. 튜터님께서 도움을 주셨지만, 한편으로는 많은 오류들을 경험할텐데 언젠가는 직접 해결해 나가보고 싶다고 생각들었다.