[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
easyspub.co.kr