[부스트코스]1_03_웹 FrontEnd와 BackEnd

1. 웹 Front_End란??

프론트 엔드는 client가 작업을 수행 할 수 있게 하기위해 client의 눈에 보여지는 부분입니다.

프론트 엔드는 사용자에게 사진, 동영상, 문서 등의 다양한 콘텐츠를 제공합니다.

또한, 사용자의 요청에 반응하여 동작합니다.

 

2. 웹프론트엔드의 역할

웹프론트엔드는 3가지 정도의 역할을 수행합니다.

 

- 웹 콘텐츠의 구조를 만들어 보여줍니다.(신문, 책과 같이)(제목, 본문, 메뉴리스트 등의 구조)

  : HTML

- 콘텐츠의 적절한 배치와 일괄된 디자인을 제공합니다.(예쁘게)

  : CSS

- 사용자의 요청을 잘 반영해야 합니다. (사용자와 소통하듯)

  : Javascript

 

3. 각각의 코드 예시

프론트엔드의 코드는 웹 에서 F12키를 눌러 개발자 도구로 볼 수 있습니다.

저는 부스트코스 강좌목록 페이지에서 확인해 보았습니다.

1) HTML

HTML은 콘텐츠의 구조를 나타내는 역할을 하기때문에

표시해 둔 부분과 같이 계층적인 구조로 되어 있습니다.

 

2) CSS

CSS는 HTML 문서를 예쁘게 꾸미는 역할을 합니다.

HTML태그(문서의 구조를 표현한 각 조각 단위)각각에 스타일(색, 폰트 사이즈, 여백...)을 주어서 표현합니다.

3) Javascript

Javascript는 웹의 동작을 표현하는 언어이기 때문에 코드가 위의 두 언어보다는 복잡할 수 있습니다.

강의를 모두 수강하고 나면 이 코드 해석할 수 있겠죠...??ㅎㅎㅎㅎ

4. 웹 Back_End란?

이미지 출처 : http://suhorukov.com/news_akademy/organizovyvaem-znakomstvo-s-back-endom-kurs-php-online

 

앞서 배운 프론트엔드는 수면위로 보여지는 모습이라면, 백엔드는 수면아래에 보여지지 않는 부분입니다. 

프론트엔드가 client side라면, 백엔드는 server side라고 할 수 있습니다.

백엔드에서는 프론트에 보여질 정보를 처리하고 저장하며, 사용자의 요청에 따라 정보를 내려주는 역할을 합니다.

 

5. 백엔드 개발자가 알아야 할 것

- 프로그래밍 언어(JAVA,  Python, PHP, Javascript 등)

   Javascript는 프론트엔드에서 많이 쓰이는 언어이지만, 새로운 기능이 많이 추가되면서 백엔드에서도 사용되는 언어입니다.

   부스트코스에서는 JAVA를 사용하여 백엔드를 개발하는 방법을 배울 예정입니다.

- 웹의 동작 원리

- 알고리즘, 자료구조 등 프로그래밍 기반 지식

- 운영체제, 네트워크등에 대한 이해

- 프레임워크에 대한 이해 (ex | spring)

- DBMS에 대한 이해와 사용방법(ex | MySQL, Oracle등)

 

학습을 마치며..

백엔드 개발자가 되기 위해 알아야 할 것들 중 아직 모르는것들에 대해 알게 되었다.

특히 DB에 대한 지식이 아직 부족한 것 같다..

부지런히 공부해야지...