JavaScript

개발 용어 정리

한우종 2024. 7. 8. 19:16
  • HTML

Hyper Text Markup Language 의 약자

웹 페이지의 구조를 정의하는 마크업 언어이다.

 

상세설명 ▼

더보기
더보기
  • 특징
웹 페이지들을 구성하는 요소들을 정의하고 웹 브라우저가 이해하고 표시할수 있는 방식으로 문서를 작성하는데 사용된다.
HTML은 웹 페이지 내의 텍스트,이미지,링크,폼 등을 구성하고 스타일링 하기 위해 사용되는 태그들로 이루어져 있다.

 

 

  • 기본구조
<!DOCTYPE html>
<html>
<head>
    <title>페이지 제목</title>
</head>
<body>
       
</body>
</html>

 

<!DOCTYPE html> : 문서 유형 선언으로 HTML 5 문서임을 나타낸다.

<html> : HTML 문서의 루트 요소

<head> : 문서의 메타데이터를 포함한다

<title> : 브라우저 탭에 표시될 페이지의 제목을 정의

<body> : 웹 페이지의 내용을 포함

 

 

  • CSS

Cascading Style Sheets 의 약자

 

웹 페이지의 디자인과 레이아웃을 정의하는 스타일 시트 언어이다.

 

상세설명 ▼

더보기
더보기
  • 특징 
HTML로 작성된 웹 페이지의 구조에 스타일을 적용하여 시각적으로 아름답고 
사용자 친화적인 인터페이스를 만들 수 있다.

 

  • CSS를 사용하여 지정할수 있는 스타일
  • 글꼴,색상,크기
  • 요소의 배치와 정렬
  • 여백,테두리,패딩
  • 배경의 이미지나 색상
  • 반응형 디자인을 위한 미디어 쿼리
  • 기본구조

       CSS 의 기본 구조는 선택자 와 선언블록 으로 이루어져 있다.

  • 선택자 : 스타일을 적용할 HTML 요소를 지정한다.
  • 선언블록 : 해당 요소에 적용할 스타일 규칙을 포함한다.
선택자
<h1> { color : bule;
            font-size : 20px; 선언블록
         }

 

 

 

  • Backend

사용자가 볼 수 없는 영역인 데이터베이스나 서버

 

상세설명 ▼

더보기
더보기

백엔드는 서버 구성, 성능 최적화, 데이터 베이스 설계 등 다양한 기술을 수행한다.

또한 데이터를 어떻게 저장하고 관리하는 것인지 

사용자 수자 늘어났을 때에는 어떻게 대처해야 할 것인지에 대해 끊임없이 고민해야 하기때문에

지속적으로 서버를 개발하고 관리하는 기술도 담당한다.

 

 

 

  • Frontend

웹 사이트의 앞단에서 디자인과 상호작용 을 담당

 

상세설명 ▼

더보기
더보기

프론트엔드는 웹 페이지의 레이아웃, 메뉴, 디자인 요소, 버튼, 이미지 및 그래프와 같이

사용자가 직접 상호작용 할 수 있는 사용자 인터페이스 이다.

 

 

 

  • DataBase

데이터베이스(DB) 는 구조화된 정보 또는 데이터의 조직화된 모음 이다.

 

상세설명 ▼

더보기
더보기
  • 특징
  • 필요한 정보를 실시간으로 검색하고 접근 할 수 있다.
  • 데이터 베이스는 지속적으로 업데이트되고 수정 될 수 있다.
  • 여러 사용자가 동시에 데이터베이스에 접근하고 사용 할 수 있다.
  • 데이터베이스는 내용기반으로 정보를 검색 할 수 있다.
  • 응용 프로그램과 데이터베이스 의 구조는 서로 독립적이다.
  • 일반 적으로 컴퓨터 시스템에 전자적으로 저장된다.

 

  • SQL

Structured Query Language 의 약자

 

데이터를 저장,수정 및 검색하기 위해 사용되는 표준화된 프로그래밍 언어다.

 

상세설명 ▼

 

더보기
더보기
  • 특징
관계형 데이터베이스 관리 시스템 (RDBMS) 에서 데이터를 저장,수정 및 검색 하기 위해 사용되는
표준화된 프로그래밍 언어이다.
SQL을 사용하여 DB와 상효작용하고 데이터를 쿼리하거나 조작하는데 사용된다.

 

  • 주요기능
  • 데이터 정의 : DB스키마 생성과 수정,DB 객체 (테이블,인덱스 등) 의 정의
  • 데이터 조작 : 데이터의 삽입,갱신,삭제,검색
  • 데이터 제어 : DB 사용자에게 권한 부여 및 박탈

 

 

  • 버그(Bug)

버그는 소프트웨어나 시스템 내에서 발생하는 오류나 결함을 의미한다.

 

상세설명 ▼

더보기
더보기

프로그램이 의도한대로 동작하지 않거나 

예상치 못한 결과를 초래할때 사용되는 용어이다.

버그는 프로그램의 소스코드나 설계과정 에서의 오류때문에

발생하며, 이를 수정하는 과정을 디버깅(Debugging) 라고 한다.

 

 

  • 에러(Error)

에러는 프로그램이나 시스템에서 발생하는 유효하지 않은 동작을 의미한다.

 

상세설명 ▼

더보기
더보기
  • 특징
프로그램이 예상치 못한 방식으로 작동하거나 사용자의 요구사항을 충족시키지 못할때 발생한다.

 

  • 주요유형 3가지
  • 컴파일 에러 (Compile-time Error)

프로그램 소스코드가 컴파일 과정에서 문법적으로 맞지않아 발생하는 에러로 ,

오타,문법오류 , 변수타입 불일치 등이 여기에 해당한다.

이러한 에러는 코드가 실행 되기 전에 발견되며 수정하지 않으면 프로그램을 실행 시킬수 없다.

  • 런타임 에러 (Runtime Error) 

프로그램이 실행 되는 도중에 발생하는 에러이다.

프로그램이 실행중에 예기치못한 동작을 할때 발생하며

개발자는 예외처리 를 통해 이를 관리한다.

  • 논리적 에러 (Logical Error 또는 Bug) :

프로그램이 문법적으로는 올바르지만, 의도한 대로 동작하지 않을 경우이다.

잘못된 변수 사용이나 조건문 오류등이 이에 해당하며 이러한 에러는

프로그램의 결과가 잘못 되었을때 발견된다. 

 

 

  • 클라이언트

Client

 

컴퓨터 네트워크 환경에서 서버에게 서비스를 요청하는 주체를 말한다.

 

상세설명 ▼

더보기
더보기
  • 특징
클라이언트는 서버로부터 데이터나 서비스를 받기위해 요청을 보내고 서버로부터 응답을 받아 처리한다.
이는 네트워크 상에서 서버와 상호작용 하는 사용자 , 앱 ,기기 또는 컴퓨터를 가리키며 
클라이언트 - 서버모델 은 네트워크 환경에서 데이터 요청과 수신을 처리하는 기본구조로 활용된다. 

 

 

  • API

Application Programming Interface 의 약자

 

API 는 소프트웨어 프로그램이 다른 소프트웨어 프로그램으로 데이터를 전송할 수 있도록 하는 규칙 집합이다.

 

상세설명 ▼

더보기
더보기
  • 특징
API 는 응용프로그램 에서 사용할 수 있도록 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할수 있게 만든 인터페이스다.

 

  • 역할
  • 애플리케이션 간 데이터 교환을 가능하게한다.
  • 애플리케이션이 서로 다른 기능을 호출할수 있게한다.
  • 애플리케이션이 서로 다른 데이터 형식을 처리할수 있게한다.

 

 

  • 예외처리

Exception Handling

 

예외처리는 프로그램의 비정상적인 종료를 막고 실행상태로 유지하는것이다.

 

상세설명 ▼

더보기
더보기
예외처리는 프로그램 실행중 발생할 수 있는 예외 상황에 대비하여 프로그램의 비정상적인 종료를 막고 실행상태로 유지하는것이다.

 

  • 특징
  • 프로그램 실행중 발생할수 있는 예기치 못한 오류에 대비하여 코드를 작성하는것
  • 프로그램의 비정상적인 종료를 막고 정상적인 실행상태를 유지하게한다.
  • 자바 에서는 실행시 발생할수 있는 오류를 에러(Error)와 예외처리(Exception) 로 구분한다.

 

 

 

  • 라이브러리(Library)

라이브러리는 특정 기능을 구현하기 위해 만들어진 함수들의 집합이다.

 

상세설명 ▼

더보기
더보기
프로그래밍 언어에서 자주 사용되는 기능들을 모듈화 하여 제공하는 것이 라이브러리의 주요 역할이다.

 

  • 특징
  • 특정기능을 구현하기 위해 미리 만들어진 함수들의 집합이다.
  • 자주 사용되는 기능들을 모듈화하여 제공한다.
  • 직접 코딩하지 않고도 라이브러리를 활용하여 시간절약을 할수있다.
  • 누구나 필요의 따라 자신의 라이브러리를 만들수 있다.

대표적으로 Jquery, React, Python 이 있다.

 

 

  • 프레임워크(Framework)

프레임워크는 미리 정의된 구조와 규칙을 제공하는 소프트웨어 환경이다.

 

상세설명 ▼

더보기
더보기
프레임워크는 개발자가 공통으로 사용되는 기능을 재사용할 수 있게 하여 개발 속도를 높이고 코드의 일관성을 유지하며 유지보수를 용이하게 한다.

 

  • 특징
  • 공통적인 기능을 미리 구현해두어 개발자가 이를 재사용할수있다.
  • 개발자가 따라야할 규칙과 구조를 제공하여 코드의 일관성을 유지한다.
  • 반복적인 작업을 줄이고 기본적인 기능을 빠르게 구현할수 있다.
  • 표준화된 구조와 모듈화를 통해 코드의 유지보수가 쉬워진다.

 

 

  • 컴파일(Compile)

사람의 언어를 기계어로 바꿔주는 과정

 

상세설명 ▼

더보기
더보기
컴파일은 사람이 이해할수 있는 고수준 언어로 작성된 소스 코드를 컴퓨터가 이해할 수 있는 저수준 언어인 기계어로 변환하는 과정이다.

 

  • 특징
  • 소스코드를 기계어로 변환하여 실행속도를 향상시킨다.
  • 오류검출 및 최적화가 가능하다.
  • 배포 및 유지보수가 용이하다.

 

 

  • 인터프리트(Interpret)

소스 코드를 한줄씩 해석하여 즉시 실행하는 컴퓨터 프로그램 또는 환경이다.

 

상세설명 ▼

더보기
더보기
  • 특징
  • 컴파일 단계가 필요없어 개발 및 디버깅이 용이하다.
  • 메모리 사용량이 적다
  • 단점
  • 한줄씩 해석하기 때문에 실행속도가 느리다.
  • 최적화가 어렵다.

 

 

  • JSON

Java Script Object Notation 의 약자

 

자바 스크립트 에서 파생된 언어 독립형 데이터 포멧이다.

 

 

상세설명 ▼

더보기
더보기
일반적으로 서버에서 클라이언트로 데이터를 보낼때 사용된다.

 

  • 특징
  • 사람이 읽기쉽고 파싱 및 생성이 간단한다.
  • 배열,불린,널,숫자,객체,문자열 등 다양한 데이터유형을 지원한다.
  • 언어 독립형 데이터 포멧이므로 다양한 프로그래밍 언어에서 쉽게 사용할 수 있다.