[부스트코스] 웹 Front-End와 웹 Back-End

웹 Front-End와 웹 Back-End

 

https://www.edwith.org/boostcourse-web/lecture/16662/

[LECTURE] 3) 웹 Front-End 와 웹 Back-End : edwith

 

프론트엔드란?

사용자에게 보여지는 부분을 의미한다. 아무 웹사이트나 접속했을 때 보여지는 부분이 바로 웹 프론트엔드다. 

 

웹 프론트엔드는 HTML, CSS, Javascript 이 세가지로 이루어져 있다.

1. HTML은 Hypertext Markup Language의 약자로, 웹에서 내용 및 구조라고 보면 된다. html 태그로 구조를 표현할 수 있고 태그 안에 내용을 담을 수 있다.
2. CSS는 웹페이지를 꾸밀 수 있는 도구다. html 태그를 배치하거나 꾸밀 때 사용한다.
3. Javascript는 프로그래밍 언어 중 하나로 웹에서 동적인 부분을 처리할 때 사용한다.

 

백엔드란?

백엔드는 사용자에게 보여지지 않는 뒷부분에서 클라이언트의 요청을 받아 데이터를 처리하고 저장하고 넘겨주는 역할을 한다. 그래서 백엔드를 다른 말로 서버 사이드라고 한다.

 

● 백엔드 개발자가 알아야 할 것들

우선 기본적으로 프로그래밍 언어 하나쯤은 알고 있어야 한다. 백엔드와 관련된 언어로는 Java, Python, PHP, Javascript 등이 있다. 부스트코스에서는 Java를 이용한 웹 프로그래밍을 배운다. 또한 웹의 동작 원리에 대해서도 알아야 한다. 우리가 특정 URL에 접속을 할때 웹 내부적으로 어떤식으로 동작을 해서 결과적으로 웹사이트를 우리에게 보여주는지 잘 알수록 백엔드를 개발할 때 잘 개발할 수 있다. 그리고 기본적인 컴퓨터 지식(cs), 자료구조, 알고리즘은 처음에 단순한 코딩을 할때는 별로 필요성을 못느끼지만 나중에 복잡한 문제를 해결해야 할때 꼭 필요하다. 또한, 웹은 서버에서 돌아가기 때문에 운영체제나 네트워크에 대한 이해도 있어야 한다. 그 밖에도 Spring이나 Node.js 같은 웹 프레임워크에 대해 알면 개발이 좀 편해진다. 백엔드에서는 데이터를 처리해야하므로 DBMS에 대한 이해도 필요하다.

 

즉, 정리하자면

• 프로그래밍 언어(Java, Python, PHP, Javascript)
• 웹의 동작원리
• 알고리즘, 자료구조 등 프로그래밍 기반 지식
• 운영체제, 네트워크 등에 대한 이해
• 프레임워크에 대한 이해 예) Spring, Node.js 등
• DBMS에 대한 이해와 사용법

정도라 할 수 있다.

많아보이지만 그냥 차근차근 만들어가다 보면 어느새 완벽히는 아니어도 조금씩은 다 알게 될 거다.

---

웹 Front-End와 웹 Back-End 강의 내용에 대해 간략히 정리해 보았다. (간략히가 아닌가..?) 웹을 공부할 때 알아야 할 기본적인 부분이니만큼 어려운 내용은 없을거라 생각했지만 생각보다 내용이 매우 간략했다. 다만 설명을 좀 추상적으로 해서 처음 보는 사람이 정확한 의미를 이해하는 데 좀 어려움이 있을지도 모르겠단 생각이 들었다.

 

나는 웹 개발을 어느정도 공부해봤고 실제 웹 서비스를 개발해서 배포한 적도 있다. 주 기술스택은 Node.js로 개발할 때 Javascript만 쓴다. FE, BE 둘 다 개발할 줄 알지만 프론트엔드보다는 백엔드가 더 좋다. 프론트엔드는 물론 사용자에게 보여지는 부분이고 바로바로 시각적인 결과물을 볼 수 있어 흥미롭긴 하지만 css로 디자인하는 게 생각보다 안 맞고 백엔드에서 데이터를 처리하는 게 더 재밌고 흥미로워서 앞으로도 백엔드를 주로 공부하지 않을까 싶다.

 

● 기술스택

FE : HTML, CSS, Javascript (뭐 이건 웹 개발 한다 싶으면 당연한거다. 최근에 React를 공부하기 시작했다.)

BE : Node.js, Express.js, MySQL

그리고 AWS에 배포해 본 적 있음.

 

우리나라의 대부분의 기업에서는 Java를 쓰기에 이번 기회에 Java 웹 프로그래밍에 대해서도 공부해야겠다 싶어서 이 강의를 수강하고 있다. 앞 부분은 어느정도 알고 있는 내용이라 간략하게 요약하고 넘어갈지도 모르겠다.

---

다음은 참고하면 좋을만한 내용이다.

브라우저는 어떻게 동작하는가

이스라엘의 개발자 탈리 가르시엘이 게시한 글을 번역해 놓은 것인데 웹 브라우저가 어떻게 동작하는지에 대해 아주 자세히 쓰여있다. 다만 내용이 매우 어려우니 웹을 어느정도 공부했다 싶을 때, 브라우저가 어떻게 작동하는지 궁금하면 그때 읽어보는 것이 좋다. 나도 아직까지 다 이해 못한다.

---