부스트코스 웹 프로그래밍(풀스택) - 1. 웹 프로그래밍 기초 - 6 강의 정리

[1] 강의

웹 프로그래밍(풀스택)

6. Summary

내용 정리

 

[2] 개념 정리

프론트 엔드 : 백엔드 API에서 가져온 데이터의 출력, 입력을 통한 비즈니스 로직 구성과 사용자와 대화하는 사용자 인터페이스 부분

백엔드 : 프론트에서 요구하는 데이터의 포맷이나 데이터베이스 입출력 및 다양한 비즈니스 프로세스를 코드로 구현하고 이를 위한 DB를 설계하고 백엔드 프레임워크를 이용하여 앱을 구현

 

[2] 강의 정리

  첫 번째 파트를 공부하느라고 수고 많이 했다. 첫 번째 파트에서 배운 내용을 키워드를 중심으로 정리를 할까 한다. 지수님, 프론트에서 대해서 배운 내용을 먼저 정리해 줘요. 첫 번째 파트는 웹 프로그래밍의 기초부터 배웠다. 웹 개발을 할 때, 프론트와 백엔드의 역할을 우리가 이제 전체적으로 한 번 살펴봤다. 각각 분야의 역할들을 잘 알아야 된다. 프론트에서 어떤 것들을 하는지 그리고 백엔드가 어떤 역할을 하는지. 그리고 무엇보다 두 프론트와 백엔드 간의 관계. 둘이 어떤 관계로 데이터를 주고 받는지. 그런 것들을 잘 이해하는 게 중요하다. HTML을 또 배웠다. HTML은 어떤 요구 사항이 있을 때 기획서일 수 도 있다. 그 화면에 있는 내용들을 잘 분석을 해서. 그거를 어떻게 계층적으로 HTML 태그를 통해서 표현할 수 있는가. 그 부분에 연습이 많이 필요하다. 그런 것들을 잘 해야 한다. CSS 같은 경우에는 여러 가지 속성들이 많이 있다. 그런 것들을 우리가 모두 다 기억할 수 없다. 중요한 거는 CSS를 통해서 원하는 부분에 원하는 크기로 어떻게 대체할 수 있는가? 그 부분은 원리 단계에서 우리가 이해하는 게 중요하다. 그래서 position 속성이라던가 float 같은 속성들을 통해서 배치를 하는 것. 그런 것들을 꼭 기억을 해야 한다.

  백엔드도 정리를 해보자. 백엔드는 파트 1에서 본격적으로 웹 애플리케이션을 개발하는 데 있어서 꼭 필요한 기초적인 내용에 대해서 살펴봤다. 가장 먼저 웹 브라우저와 서버 간의 통신 방법에 대해서 HTTP를 통해서 알아봤다. 프론트 개발과 백엔드 개발의 차이점에 대해서 살펴봤다. 자바 언어를 이용해서 웹 애플리케이션을 개발하기 위한 환경설정을 하기 위해서 JDK 톰캣, 이클립스 등을 설치하고 환경을 설정하는 이런 부분들을 공부했따. 이런 설치된 환경들이 잘 됐는지를 확인하기 위해서 Hello를 출력하는 정말 간단한 웹 애플리케이션도 하나 만들어 봤었다. 자바에서는 동적인 웹페이지를 만들 때 사용되는 가장 기본적인 방법이 서블릿을 작성하는 거다. 서블릿은 HTTP 서블릿을 상속을 받아서 개발을 하고, 사용자가 어떤 방식으로 요청을 했느냐에 따라서 doGet(), doPost() 그리고 service() 이런 메서드들은 오버라이딩해서 개발을 할 수 있다. 또한, 서블릿 라이프 사이클을 배울 때. 서블릿이 첫 번째 호출될 때만 동작하는 init() 메서드. 서블릿이 갱신됐을 때 호출되는 destroy() 메서드. 이런 부분들에 대해서도 학습을 했었다. 마지막으로 요청과 응답에 대한 학습들도 진행을 했다. 요청 응답은 굉장히 중요한 부분들이니까 잘 기억했으면 좋겠고. 처음으로 웹 애플리케이션을 개발하는 분들은 이 파트, 처음 파트 자체가 쉽지 않았을 거다.