웹 개발 시작하기

웹 공부를 시작하기에 앞서 나는 아직 프론트와 백엔드 중에서 어느 분야를 공부해야할지 방향성을 잡지 못했다. 그래서 이번 책을 공부하며 내가 어떤 분야를 좋아하는지 생각해보는 시간을 가지려 한다.

이전까지는 내가 남들보다 늦었다고 생각해 빨리 진도를 빼는데 급급했었다. 그래서 내가 뭘 좋아하고 어떤 공부를 해야할지도 몰랐고 그냥 친구가 하던 공부를 따라했던 것 같다.

그래서 이번 단원은 쉬어가는 시간이라고 생각하고 여러 경험을 해보면서 확실히 내가 무엇을 좋아하고 어떤 분야가 맞는지 찾는게 우선인 것 같다.

→ 학습목표 : 웹 개발의 정의를 이해하고 어떤 분야가 있는지 알아보기

html / css / js의 차이점 알기

정적 사이트

: 방문자에게 정보를 보여주기 위해 만든 웹 사이트. 미리 작성한 내용을 방문자에게 보여주기만 하기 때문에 제작하기가 쉽다.

동적 사이트

: 사용자가 사용해야하는 서비스를 제공하며 사용자와 웹 간의 상호작용이 되어야 한다. 사용자에게 제공할 기능과 서비스를 담고 있어야 하기 때문에 제작 난이도가 높다.

서버

: 사용자에게 정보 또는 서비스를 제공해주는 역할을 하는 컴퓨터. 사용자의 여러 정보를 담고있어야 함 (판매자)

클라이언트

: 사용자. 서버에게 정보를 요구하는 컴퓨터 (소비자)

개발의 2가지 영역

프론트엔드를 위한 기술

→ 순수하게 자바 스크립트를 이용해 개발을 하기 어려우므로 다양한 라이브러리와 프레임워크를 제공한다. 다음은 프론트엔드 개발에서 주로 사용하는 라이브러리와 프레임 워크이다.

제이쿼리	DOM을 활용해 웹 요소를 조작하기 쉽고 사용하기 편리한 라이브러리
D3.js	웹 브라우저에서 실시간으로 변하는 정보를 시각적으로 표현하기에 적합한 라이브러리
부트 스트랩	웹 사이트 디자인을 쉽게 만들어주는 라이브러리 도구. 반응형 디자인을 만들 수 있게 해줌
리액트	SPA나 복잡한 사이트를 개발할 때 사용. 가장 많이 사용하는 프레임 워크
앵귤러	웹 애플리케이션을 제작하는 프레임워크. 리액트나 앵귤러 중 선택해서 사용
뷰	사용자 인터페이스를 만드는 프레임워크 다른 라이브러리와 프레임워크와 함께 사용 가능

※ 라이브러리와 프레임워크의 차이점 : 라이브러리는 주도권이 사람에게 있지만 프레임워크는 주도권이 프레임워크에게 있다.

백엔드를 위한 기술

→ 서버의 운영체제에 따라 사용하는 언어와 프레임워크가 달라진다. 따라서 개발 언어와 프레임워크를 따로 공부해야한다

노드제이에스 익스프레스	서버에서 자바스크립트를 실행할 수 있는 환경을 만들어 준다. 따라서 자바스크립트를 익숙하게 할 수 있다면 프론트와 백 모두를 할 수 있게 한다.
자바 스프링	안드로이드 앱 개발 및 셋톱박스나 하드웨어용 애플리케이션을 만들 수 있음. 프레임워크로는 스프링이 있다.
파이썬 쟝고	배우기 쉽고 사용하기 쉬워 입문자에게 사랑받는 언어. 프레임워크로는 장고가 있다.