웹 개발 가이드라인

1. 프론트 엔드(UI/UX), client side

단순히 말해 웹 사이트에서 눈에 보이는 것

HTML, CSS, Java Script 등으로 구성됨

 

HTML: 페이지의 구성에 사용하는 단순한 언어

CSS: 페이지 스타일링(색상, 넓이, 위치 조정 등)

Java Script(JS): 유저와 페이지의 상호작용을 정의해주는 언어

 

 

2. 백 엔드, server side

웹 사이트에서 눈에 보이지 않는 것을 담당

 

이용자 -> 서버 -> DB <요청> 서버가 유저의 요청을 받아서 DB에 데이터 요청

이용자 <- 서버 <- DB <응답> 서버가 DB의 데이터를 받아 유저에게 전달

 

서버

유저와 데이터베이스를 연결해주는 징검다리 역할

Python, Ruby, Java, Java Script 등 대부분의 언어로 구성 가능

 

DB(데이터베이스)

데이터의 형태나 사이즈에 따라 매우 다양한 데이터베이스가 존재

데이터베이스에서 읽고 쓰기에 주로 쓰이는 언어 -> SQL

 

 

3. Frame work(≒라이브러리, API, SDK)

Frame work: 웹사이트 제작의 반복 작업을 줄이기 위해 기능 구현을 도와주는 틀

Ruby on Rails*, Django(파이썬), Plask, Spring(자바), Angularjs(자바스크립트) 등

 

특히 Serverless framework는 백 엔드를 몰라도 웹 제작이 가능

Firebase, aws 등

 

 

4. 솔루션(Solution) 코딩 없이 웹사이트 만들기

Cafe24, 가비아, Wix, Wordpress 등의 서비스

 

 

솔루션 -> 프론트 엔드 -> 백 엔드, 프레임워크 순으로 공부