웹 개발

개발 용어 정리

ImJaeOne 2024. 11. 28. 16:42

오늘의 데일리 팀 스터디는 개발 용어 정리로 중학생도 알아들을 수 있도록 정리해보겠습니다!

네이버를 예시로 설명할게요..ㅎㅎ



1.  HTML

HTML (HyperText Markup Language)는 웹 페이지를 만들기 위한 기본 마크업 언어입니다.

네이버에서 검색바, 유저 정보를 나타내는 부분, 뉴스 스탠드, 네이버 로고 이 모든 것들이 HTML을 통해 이루어져 있습니다.

 

2.  CSS

CSS (Cascading Style Sheets)는 웹 페이지의 스타일을 지정하는 언어입니다. 

네이버 홈페이지를 보면 글씨체, 글씨 크기, 블록 크기, 색깔 등 이 모든 것들이 CSS를 통해 이루어집니다.

 

3.  Backend

Backend란, 웹 애플리케이션이나 소프트웨어의 서버 측에서 동작하는 부분을 의미합니다. 즉 저희가 보는 부분의 뒷 부분이라고 생각하시면 될 것 같습니다.

만약에 로그인을 한다면 아이디와 비밀번호가 올바른지 비교를 해봐야겠죠? 이러한 기능을 Backend에서 진행하고 아이디와 비밀번호가 올바르다고 Frontend로 데이터를 보내줍니다. 또한 검색을 하게 되면 검색어가 포함된 기사나 블로그들이 나오게 되는데 이 또한 Backend에서 검색어와 관련된 데이터들을 Frontend로 보내줍니다.

 

4.  Frontend

Frontend란, 웹 애플리케이션이나 소프트웨어의 사용자 인터페이스(UI)와 상호작용하는 부분을 의미합니다. 말 그대로 저희가 눈으로 보는 그 화면과 동작들을 의미합니다.

HTML, CSS가 포함되고 JavaScript도 있는데 JavaScript가 저희가 검색어를 치면 밑으로 나오는 관련검색어들을 보여주는 그러한 동작을 합니다.

 

5.  Database

Database란, 데이터를 체계적으로 저장하고 관리하기 위한 시스템입니다. 데이터를 검색, 추가, 수정, 삭제할 수 있도록 구조화된 방식으로 저장합니다.

아까 Backend에서 말한 데이터들을 바로 이 Database에서 관리해줍니다.

 

6.  SQL

SQL (Structured Query Language)는 데이터베이스를 관리하고 조작하기 위한 프로그래밍 언어입니다.

저희가 블로그 글을 수정하려면 글의 고유번호 그리고 자신의 글이 맞는지 등등을 비교하고 수정이 되어야겠죠? 이 SQL을 통해 저희 블로그 글에 접근하며 내용을 수정할 수 있습니다.

 

7.  Bug

Bug란, 소프트웨어나 시스템이 예상과 다르게 동작하거나 오류가 발생하는 결함 또는 문제를 의미합니다.

예를 들어, 사용자가 로그인 버튼을 클릭했을 때, 로그인 화면이 멈추거나 아무 반응이 없는 경우가 Bug에 해당합니다. 또는, 특정 페이지에서 스타일이 잘못 적용되어 페이지의 스타일이 엉망이 되는 경우도 Bug입니다.

 

8. Error

Error란, 소프트웨어나 시스템이 정상적으로 작동하지 않거나 예상한 결과를 생성하지 못하는 상태를 의미합니다.

예를 들어 어떤 버튼을 클릭했더니 console을 통해 400 error가 뜬다든지 빨갛게 표시되는 오류가 발생하는 경우 Error입니다.

9. Client

Client란, 서버와 상호작용하는 사용자 또는 시스템을 의미합니다.

아까 Backend에서 데이터를 보내면 Client에서 이 데이터를 받아 사용자가 볼 수 있게 해줍니다.

 

10.  API

API (Application Programming Interface)란, 서로 다른 소프트웨어 시스템 간에 상호작용할 수 있도록 해주는 규칙이나 인터페이스를 의미합니다.

API는 Client와 Backend 사이의 다리 역할을 하는 오작교로 생각하면 됩니다. API를 통해 데이터를 주고 받습니다.

 

11.  예외처리

예외 처리란, 프로그램 실행 중에 발생할 수 있는 예기치 않은 오류나 예외 상황을 처리하는 과정을 의미합니다.

로그인 화면에서 비밀번호를 치지 않고 로그인을 눌렀을 경우 '비밀번호를 입력해주세요.'와 같이 문구를 띄어주기 위해 JavaScript에서 if문을 쓰는 것을 예외처리라고 합니다.

 

12.  Library

Library란, 특정 기능을 구현하기 위해 미리 작성된 코드 집합을 의미합니다.

예를 들어 불을 붙일 때 마찰열을 이용해서 붙일 수도 있지만, 라이터를 이용해서 불을 붙일 때 라이터를 Library라고 할 수 있습니다. 훨씬 간편하겠죠??

 

 

13.  Framework

Framework란, 소프트웨어 개발에 필요한 기본 구조나 틀을 제공하는 재사용 가능한 코드 집합입니다.

요리로 예시를 들자면 Framework는 레시피라고 할 수 있습니다. 레시피에서 자신의 입맛에 맞게 간을 더하거나 재료를 더하거나 할 수 있겠죠?? 

 

14. Compile

Compile(컴파일)이란, 고급 프로그래밍 언어로 작성된 소스 코드를 컴퓨터가 이해할 수 있는 기계어 코드(바이너리 코드)로 변환하는 과정을 말합니다.

저희가 컴퓨터한테 '1+1 계산해라!' 이렇게 하면 컴퓨터는 0, 1 이진수로밖에 이해를 못하기 때문에 아무것도 처리하지 못합니다. '1+1을 계산해라!' 이 명령을 0, 1로 변환해주는 것을 Compile이라고 합니다. 

 

15. Interpret

Interpret(인터프리트)란, 고급 프로그래밍 언어로 작성된 소스 코드를 한 줄씩 실행하는 과정을 의미합니다.

수식이 a + b이고 a = 1, b = 1 이렇게 주어졌다면 a = 1을 실행하고 그 다음에 b = 1을 실행합니다. 이러한 과정을 Interpret라고 합니다.

 

16. JSON

JSON(JavaScript Object Notation)은 데이터를 저장하고 전송하기 위한 경량의 데이터 형식입니다.

JSON은 학생 정보를 예로 들 수 있습니다. 학생 정보로 이름, 전화번호, 주소 등이 있는데 엑셀 파일을 보면 각각의 카테고리에 내용을 입력합니다. 이렇게 구조적인 정보를 JSON이라고 합니다.