Get Started, 프론트 엔드 개발[천민호 - PUBG]
고대 프론트엔드 개발
HTML -> Web browser
CSS
browser - > server
URL과 HTML은 1:1 대응
옛날 프론트엔드 개발의 환경과 작동원리에 대해서 설명
근대 프론트엔드 개발
고대의 문제점3가지
- 변하지 않는 내용도 중복해서 받음
- 서버에 요청을 한 후 응답이 있을때까지 Blocking
- 새로운 HTML을 보여주려면 새로고침이 필요
문제점을 해결하기위해 Ajax
Ajax가 등장함으로써 서버로부터 응답이 올때까지 안기다려도 된다는 변화
2004년에 구글에서 Ajax기술로 적용된 구글메일등장
대 Ajax 시대가 열리고 웹사이트는 점점 복잡해짐
단순히 HTML을 보여주는 것이 아니라 효율적으로 관리해줄 도구가 필요
현대 프론트엔드 개발
- 앵귤러
- 리액트
- 뷰
관심사
-어떻게 하면 상태가 변경됐을 때 자동으로 HTML에 반영할 수 있을까?
SPA시대가 도래했다.
(싱글페이지어플리케이션)
- 초기에 HTML 파일은 단 한번 받는다.
- 웹사이트의 상태가 어떠한 이유로 변경된다.(서버통신,URL이동,외부입력)
- 어떤 존재가 변경된 상태에 맞게 HTML를 내용을 변경한다.
개발 방식이 과거와 많이 다른 상황
단순 노가다가 아닌 전문적인 지식이 필요
프론트엔드 개발자로 성장
전공 지식에 충실하자
평상시 잘 쓰고 있는 서비스를 따라 만들어보자
(완전히 똑같은 제품을 만들려하는 것은 독)
왜?Why?라는 질문을 많이 해야한다.
개발을 하다보면 항상 빠지는 유혹
언제 어떻게 어떤 이유로 작동하는지 알아두자
미래 프론트엔드 개발
- 슬랙
- 인스타그램
- 페이스북
- 트위터
다양한 서비스들이 웹 기반으로 개발
배틀그라운드 로비는 웹 페이지 기반
Native app과 Web의 구분이 모호해진다.
푸쉬노티피케이션이 웹에서도 가능해진다.
전문적인 프론트엔드 개발자의 수요는 계속해서 늘어날 것
