web coding 기초 공부

이번 글에서는 Web page를 구성하는 기본 지식에 대해서 작성을 해보고 다시 한번 상고해보자 한다.

웹페이지는 크게 front-end / back-end 부분으로 나누어진다.

웹 프로그래밍에 관심이 있는 사람이라면 크게 2가지 부분으로 나누어진다는 사실을 알고 있을 것이다.

User Web Request 

위와 같이 User가 browser에게 웹페이지를 request하면, browser는 front-end을 보여주고

보이지 않는 데이터 부분과 페이지 동작 코드 부분을 back-end에 요청해서 불러와서 보여준다.

 

1. front-end

먼저 웹페이지 시각적으로 보이는 부분인 front-end의 구조는 크게

 

1) HTML : 웹페이지의 뼈대 

2) CSS : 웹페이지 꾸밈 (폰트, 색상, 이미지 등)

3) Javascript : 웹페이지의 동작 (스크롤반응, 동적 웹페이지 등)

 

하나의 웹페이지를 만들때에 HTML로 뼈대를 만들고 CSS로 페이지를 꾸미고 Javascript를 이용해서

사용자 반응에 맞춰 동작하는 페이지를 만들 수 있다.

*대표적인 언어 : spring, sass, vue.js, react 등

 

 

2. Back-end

- Server측에서 수행하는 부분.

- 사용자의 정보를 DB에 저장한다던지 웹페이지의 실제로 보이지 않는 기능을 수행하는 곳이다.

*대표적인 언어 : node.js, php, python, django 등

 

http 요청처리, 사용자 데이터 저장, 웹 페이지 간 연결 (post, get 등) 등의 많은 기능들이 있다.