1. 웹 개발이란?
- 인터넷(www)이나 인트라넷(사설망)을 위한 웹사이트를 개발하는 일을 가리킴.
정적 사이트(HTML, CSS를 이용)와 동적 사이트(Javascript 등을 이용)로 나눌수가 있음.
2. 서버와 클라이언트
- 서버 : 인터넷에 연결되어 있는 컴퓨터, 웹사이트에서 정보를 검색하거나 처리하는 일을 함.
- 클라이언트 : 사용자가 웹사이트에 접근하려고 하는 PC나 태블릿, 스마트폰 등을 말함. 사용자와 서버 사이에서 화면으로 보여 주는 역할임.
3. 프론트엔드와 백엔드
- 프론트엔드 : 사용자 앞에 보이는 영역, 웹 브라우저 화면에 보이는 것을 말함. HTML, CSS, Javascript 등을 이용함.
- 백엔드 : 사용자 뒤에서 보이지 않는 영역, 웹 사이트에서 회원 정보나 게시판 글 등은 서버에 DB형태로 저장됨. 이러한 DB형태를 설계, 처리하는 영역을 말함. java, php, python 등을 사용한다.
- 백엔드 : 사용자 뒤에서 보이지 않는 영역, 웹 사이트에서 회원 정보나 게시판 글 등은 서버에 DB형태로 저장됨. 이러한 DB형태를 설계, 처리하는 영역을 말함. java, php, python 등을 사용한다.
4. HTML, CSS, JAVASCRIPT
- HTML : 웹 브라우저 창에 웹 문서의 내용을 보여 주는 데 필요한 약속. 웹 브라우저의 여러 내용 중에서 제목과 본문, 이미지, 표와 같은 웹 요소를 알려주는 역할.
- CSS : HTML로 만든 내용을 사용자가 알아보기 쉽게 꾸미거나 사용하기 편리하도록 배치할때 사용함.
- JAVASCRIPT : HTML, CSS가 정적인 언어라면 JAVASCRIPT는 동적인 언어라고 할 수 있음. 사용자가 클릭하거나 스크롤하는 동작에 반응함.
5. 프론트엔드 개발을 위한 기술
| 종류 | 특징 |
|---|---|
| jQuery | DOM을 활용해 웹 요소를 조작하기 쉽고 사용하기 편리한 라이브러리 도구 |
| D3.js | 웹 브라우저에서 실시간으로 변하는 정보를 시각적으로 표시하기에 적합한 라이브러리 도구 |
| BootStrap | 웹 사이트 디자인을 쉽게 만들어주는 라이브러리 도구 |
| React | 페이스북처럼 한 화면에서 모든 내용을 볼 수 있는 사이트를 만드는 도구 |
| Angular | 웹 애플리케이션을 제작하는 프레임 워크 |
| Vue | 웹 애플리케이션에서 사용자 인터페이스를 만드는 프레임워크 |
6. 백엔드 개발을 위한 기술
| 종류 | 특징 |
|---|---|
| Node.js | Nodejs는 서버에서 자바스크립트를 실행할 수 있느 환경을 만들어줌. |
| Java Spring | 자바의 웹 개발 프레임워크로 사용하는 백엔드 언어. |
| Django | 데이터를 처리할 때 많이 쓰이는 프레임워크, 파이썬 기반임. |
| PHP | 동적으로 웹 문서를 처리할 때 많이 쓰이는 프레임워크 |
7. 프레임워크와 라이브러리의 차이
- 프레임워크는 개발 주도권이 프레임워크에 있고, 라이브러리는 개발 주도권이 언어 개발자에게 있음. 그래서 웹 개발을 할때는 프레임워크를 정해놓고 구현을 해야함.
응애