KH_HTML_1_웹 개발 시작하기

웹 개발이란 웹 브라우저 화면에 보이는 겉모습을 만드는 것이 전부가 아니다. 웹 사이트에서 사용자에게 제공할 기능과 서비스까지 모두 담아야 한다.

 

서버 vs 클라이언트

서버는 인터넷에 연결된 컴퓨터를 뜻한다. 웹 요소와 여러 정보가 저장된다.

 

클라이언트는 사용자가 웹 사이트에 접근할 때 사용하는 기기이다. 좁은 의미에서 예시로 웹 브라우저가 있다.

 

프론트엔드와 백엔드 개발

프론트엔드 개발은 웹 브라우저 화면에 보이는 부분을 다룬다. 웹 사이트 제작 등. HTML.CSS.JS를 사용한다.

 

백엔드 개발은 사용자의 뒤에서 보이지 않는 영역 즉, 서버를 다룬다. 데이터베이스를 설계하거나 데이터를 처리하고 자바,php,파이썬 등의 프로그래밍 언어를 사용한다.

 

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

HTML, CSS, JS, GIT

프론트엔드는 다양한 라이브러리와 프레임워크를 사용할 줄 알아야 한다. 예를 들어 JS의 프레임워크인 리액트가 대표적이다.

백엔드는 리눅스 서버나 네트워크, 데이터베이스 구축 기술을 자유자재로 사용할 줄 알아야 한다. 

 

HTML

웹 문서의 뼈대를 만들어주는 언어이다. 프로그래밍 언어는 아니고 마크업 언어라고 따로 분류한다.

HyperText Markup Language의 약자이다.

웹 브라우저 창에 웹 문서의 내용을 보여주기 위한 약속이다. HTML에서 약속한 표기법을 사용해서 문서를 작성해야 한다.

CSS 

웹 문서를 꾸미거나 웹 요소를 적절하게 배치하는 용도의 스타일 시트이다.

다양한 디바이스에 맞는 반응형 웹 디자인을 만들기 위해 필수적으로 학습해야 한다.

JS(JavaScript)

사용자 동작에 반응해서 동적인 효과를 만들기 위한 프로그래밍 언어이다.

자바스크립트를 알고 있다면 새로운 프레임워크를 배우기 용이하다.

 

 

프론트엔드 개발을 위한 기술으로는 제이쿼리, D3, 부트스트랩, 리액트, 앵귤러, 뷰가 있고,

백엔드 개발을 위한 기술으로는 Node.js , Spring, dJango, php와 codeIgniter가 있다.

각자 자신이 택한 언어로 위와 같은 프레임워크를 사용할 수 있다.