[패스트캠퍼스 수강 후기] 파이썬 인강 자기계발 챌린지 17 회차 미션

패스트캠퍼스 파이썬 웹개발 올인원 패키지 후기(17)

파이썬 웹개발 올인원 패키지 17 일차 후기 겸 학습기록 입니다.

지난시간의 웹의 역사와 같은 정말 기초사항에 이어서 오늘은 조금 더 실질적으로 프론트엔드 개발을 위한 지식을 공부하였습니다. HTTP 프로토콜이 어떤 것인지? 그리고 HTTP 통신에서 웹브라우저는 무슨 일을 하는지를 배웠고, 프론트 엔드와 백엔드 개발이 무엇인지 다시한번 개념을 잡아 보았습니다.

 

HTTP와 웹 브라우저의 역할

 

1. URL 입력 : 인터넷 상에서 자원의 위치를 표현

2. URL 핵석 

3. HTTP 요청 > 서버 (Hyper Text Transfer Protocol)

4. 서버 : HTTP 요청 확인

5. HTTP 응답 > 브라우저(200OK, HTML 등)

6. 렌더링

 

(HTTP요청)

1. 메서드 (서버가 수행해야할 동작, GET, POST, DELETE ...)

2. URL 주소

3. 헤더 (브라우저 정보, 언어 등)

4. 본분 (id/pw, 새글 내용 등)

 

(HTTP응답)

1. 상태코드 ( 요청의 성공 여부, 200 OK, 404 Not Found ...)

2. 헤더

3. 본문 (HTML 코드등의 파일 등)

 

웹브라우저와 서버는 리소스를 주고 받는 형식을 미리약속(프로토콜)으로 정해두었고, 이에 따라 동작

크롬 개발자 도구

윈도우즈의 크롬에서는 F12 키를 누르면 나타납니다.

브라우저의 개발자 도구 Elements 탭 에서 html 요소를 수정할 수 있습니다.

또한 Console 탭에서는 자바스크립트도 작성하고 실행해 보며 테스트가 가능합니다.

Network 탭에서는 HTTP 요청과 HTTP응답 을 확인할 수 있습니다. 각 요청과 응답을 클릭해보면 메서드, 헤더, 바디 정보등을 확인할 수 있습니다.

프론트엔드와 백엔드

프론트 엔드

 - 웹브라우저 등에서 사용자의 인터페이스를 구현하는 부분 입니다.

 - 사용자의 요청을 잘 반영 하여야 하며

 - 적절한 레이아웃과 보기좋은 디자인, 웹 콘텐츠를 구조화 하여야 합니다.

 - 프론트엔드 개발을 위한 필수 지식은 JavaScript, HTML, CSS 등의 언어라고 할 수 있습니다.

 

백엔드

 - 사용자가 볼 수 없는 곳에서 여러 정보를 처리하는 부분을 백엔드라 부릅니다.

 - 웹서버/데이터베이스 등으로 구성됩니다.

 - 백엔드 개발을 위한 필수 지식은 다음과 같습니다.

   운영체제(리눅스, 유닉스 등), 네트워크 기본 지식, 데이터베이스 기본 지식, Spring, Flask/Django 등 프레임어크, Java, PHP, Python 등 웹 백엔드 개발이 가능한 프로그래밍 언어

 

오늘은 HTTP 프로토콜과 브라우저의 개발자도구 사용 방법을 배웠고, 프론트엔드와 백엔드의 기본적인 개념에 대해서도 알아보았습니다. 다음시간에는 본격적으로 HTML 및 CSS 언어에 대해 배우면서 프론트엔드에서 어떻게 프로그래밍이 되어 지는지 배우기 시작할 것 같네요. 완강을 향해 계속 달려 갑니다.

 

 

 

패스트캠퍼스 파이썬 인강 자세한 내용은 아래 링크를 참고해 주세요!

 

https://bit.ly/2WG0IXN