본문 바로가기
코딩

웹 개발을 위한 필수적인 프로그래밍 용어 정리!(1)

by RGStudio 2023. 10. 29.

프론트엔드/백엔드(frontend, backend)

 

웹 개발은 프론트엔드와 백엔드, 총 두 부분으로 나뉩니다.

 

프론트엔드란 사용자에게 보이는 화면을 말하는 것으로

이 부분을 개발하게 된다면 웹 페이지의 레이아웃, 디자인, 색상 등을 다루게 됩니다.

또한 사용자와 웹사이트 간의 상호작용 기능을 구현하게 됩니다. 

사용되는 언어로는 주로 HTML, CSS, JavaScript가 있습니다.

 

백엔드란 사용자에게 보이지 않는 작업들을 관리하는 것으로

백엔드에서는 프론트엔드와 상호 작용하게 되며, 데이터를 저장 및 처리하고, 프론트엔드에 데이터를 제공합니다.

서버의 로직을 작성하고, 데이터베이스를 관리하게 됩니다.

사용되는 언어로는 Java, C, Python 등이 있지요.

Front-End Back-End

HTML
CSS
JavaScript


Java
C
C#
Python
Ruby

 

결과적으로 웹페이지에서는 사용자가 프론트엔드를 통해 원하는 정보를 백엔드에 전달하고, 

백엔드가 프론트엔드에 나타냄으로써 사용자가 정보를 얻을 수 있도록 하는 것입니다.

간단한 웹 페이지 응답 형식


 

파싱(parsing)


parsing이란 입력된 코드의 의미를 파악하기 위한 과정이라 볼 수 있습니다.

parsing의 단계를 나누면, 

1.토큰화 :

텍스트를 의미를 가진 최소 단위(Token)으로 나누는 과정을 의미합니다.

보통 실제 영어 문장에서도 토큰화를 통해서 분석을 할 수 있습니다.

https://ko.wikipedia.org/wiki/%ED%8C%8C%EC%8A%A4_%ED%8A%B8%EB%A6%AC

이러한 간단한 영어 문장을 나누는 것 또한 토큰화의 한 예시가 될 수 있습니다.

 

2.구문 분석 :

토큰들 간의 문법적인 구조를 분석하고, 이것이 문법에 부합하는지 검사하는 것입니다.

문법의 기준은 사용되는 언어에 따라 정해집니다.

 

3.의미 분석 :

분석된 구조에 의미를 부여하는 것으로, 

이를 통해 문장이나 표현이 실제로 어떤 의미를 가지는 것인지 알 수 있습니다.

 

이렇게 파싱에는 총 3가지의 단계가 있으며, 이후 파싱된 정보에 맞는 일을 수행하게 됩니다.

 

또한 파싱 과정에서 만들어지는 구조를 파싱 트리 구조라고 부르는데,

파싱 트리 구조는 또한 BNF(배커스-나우르 표기법)를 보기 쉽게 만든 것이라 볼 수 있습니다.

BNF에 대해서는 다음 글에서 설명하도록 하겠습니다.

 

'코딩' 카테고리의 다른 글

Topster 만들기(1)  (0) 2023.11.09
콘솔 텍스트에 색깔 입히기[C언어]  (0) 2023.11.04
clion PS용으로 설정하기  (0) 2023.10.31