[Do it! 한권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석] "HTML-첫째마당: 웹개발 시작하기"

01 웹 개발 시작하기

 01-1 웹 개발 알아보기

· 웹 개발이란?

정적사이트: 방문자에게 정보를 보여주기만 하는 웹 사이트.

동적사이트: 웹 브라우저 화면에 보이는 모습뿐 아니라 사용자에게 상품을 보여주고 결제하는 기능까지 포함된 서비스

 

· 서버와 클라이언트

서버("정보를 제공하는 쪽"): 인터넷에 연결된 컴퓨터. 웹 사이트에 접속하면 보이는 텍스트, 이미지, 동영상 등의 웹 요소와 사용자 정보, 상품정보 등의 여러 정보가 저장 됨.

클라이언트("정보를 요청하는 쪽"): 사용자가 웹 사이트에 접근하려고 사용하는 PC나 태블릿 PC, 스마트폰 등

 

프런트엔드(front-end): 사용자 앞에 보이는 영역. 웹 브라우저 화면에 보이는 것. 웹 사이트를 디자인 하거나 사용자 동작에 반응하는 기능을 만들 수 있다. HTML, CSS, JavaScript 사용

백엔드(back-end): 사용자 뒤에 보이지 않는 영역. 데이터베이스를 설계하거나 데이터를 처리하는 것. 자바, PHP, 파이썬 등 다양한 프로그래밍 언어 사용

 

 

---

 

 

 01-2 웹 개발, 어디서 부터시작할까

· 웹 개발을 위해 공부해야 할 기술

· 웹 개발의 기본 HTML, CSS, 자바스크립트

· 프런트 엔드 개발을 위한 기술

바닐라 자바스크립트: 라이브러리나 프레임 워크를 사용하지 않고 자바스크립트 만으로 처음부터 끝까지 직접 개발하는 것

 

√ 자바스크립트 기본 문법을 공부한 후에 라이브러리나 프레임워크를 배우는 방법 추천

※ 라이브러리 도구와 프레임워크의 차이점

개발의 흐름의 주도권을 누가 가지고 있는가.

라이브러리 : 개발자가 코딩할 자신에게 필요한 기능만 사용해도 됨. (개발 주도권이 개발자)

프레임워크 : 웹 개발을 시작하는 방법부터 기능을 구현하는 모든 것을 정해 놓은 대로 따라야 함. (개발 주도권이 프레임워크)

 

· 백엔드 개발을 위한 기술

 

---

 

 

출처

https://easyspub.co.kr/20_Menu/BookView/PUB/421/PUB