[React] 개발 용어 정리

레이나·2024년 12월 10일

사전캠프

목록 보기
8/14

중학생도 이해할수 있는 수준의 설명...은 못하겠다.
나도 이해가 안되는 부분이 많아서..
조금씩 더 알아보자!

  1. HTML
    "Hypertext Markup Language"는 폼과 기능 면에서 웹사이트를 구축하기 위해 사용되는 코딩 언어.
    마크업 언어는 문서의 내용과 주고, 서식을 모두 포함하는 언어이며 태그(Tag)로 구성됨.

  2. CSS
    HTML로 만들어진 문서에 폰트의 크기, 색상, 이미지크기, 간격 등을 조정하여 꾸며줄수 있는 방

  3. Backend
    서버, 데이터베이스 등 보이지 않는 영역에서 데이터를 처리하고 저장하는 기능
    식당이라면 주방에서 하는 과정 / 은행이라면 창구에서 고객이 원하는 바를 처리하는 과정

  4. Frontend
    사용자가 직접 볼 수 있는 웹 페이지의 인터페이스나 디자인등을 관리 하는 영역
    식당이라면 식사공간(홀) / 은행이라면 창구 앞의 대기장소

  5. DataBase
    어떠한 체계(규칙)로 데이터를 저장하고 관리하는 시스템
    웹사이트나 애플리케이션에서 사용자 정보, 상품 데이터 등을 저장할 때 사용
    식당이라면 식재료 저장고 / 은행이라면 금고

  6. SQL
    Structured Query Language

    쿼리란 데이터베이스에 필요한 데이터를 요청하는 것을 의미.
    데이터를 검색, 추가, 수정, 삭제할 수 있고, 데이터베이스 구조를 생성하거나 변경할 수도 있다.
    특정 조건을 만족하는 데이터를 찾거나 새로운 데이터를 입력하고, 테이블 구조를 수정하는 작업 등

  7. 버그(Bug)
    프로그램에서 의도하지 않은 동작을 하게 만드는 오류.
    이를 해결하는 과정이 디버깅.

  8. 에러(Error)
    일반적으로 사용자에 의해 발생하는 분제. 잘못 짠 코드처럼 내부 문제로 예상하지 못한 문제가 일어나는 버그와 달리, 외부에 있는 유저가 오탈자를 내거나 띄어쓰기를 실수 하는 등으 내부에서 정한 형식을 따르지 않을 때 주로 발생.
    숫자만 적도록 되어 있는 연락처 칸에 ‘-’을 넣을 경우.

  9. 클라이언트
    외부에 필요한 서비스를 제공하도록 만든 컴퓨터나 프로그램 영역을 서버라고 한다면, 여기에 접속해서 서비스를 요청하고 제공받는 유저가 클라이언트가 된다.

  10. API
    ”Application Programming Interface
    "의 줄임말로 컴퓨터와 애플리케이션이 서로 통신하는 방식
    서로 다른 소프트웨어가 대화하고 기능을 사용할 수 있게 해주는 방식
    식당이라면 ‘메뉴판’(요즘은 키오스크 메뉴주문인가?) / 은행이라면 창구

  11. 예외처리
    에러가 일어날 가능성을 개발자가 미리 예상하고 프로그램이 비정상적으로 종료되지 않도록 하는 것.
    예외 처리(Exception Handling) 또는 트러블 슈팅(Trouble Shooting)을 통해 예외를 구분하고,
    유저에게 문제를 바로잡아달라는 에러 메시지를 띄워줘야 에러로 인한 문제를 예방할 수 있다.
    회원가입, 폼 제출 시 *를 모두 채우지 않아 나타나는 팝업창 같은 것.

  12. 라이브러리(Library)
    특정 기능을 쉽게 사용할 수 있도록 미리 작성된 코드 모음
    개발자는 필요할 때 가져다 쓰면 직접 코딩을 할 필요와 시간이 줄어든다
    식당이라면 미리 썰어놓은 야채 믹스

  13. 프레임워크(Framework)
    프로그램을 개발하기 위한 구조를 제공하는 개발 환경.

  14. 컴파일(Compile)
    사람이 이해할 수 있는 고급 프로그래밍 언어로 작성한 코드를 컴퓨터가 처리할 수 있는 기계어로 한꺼번에 번역하는 과정.

  15. 인터프리트(Interpret)
    컴파일과는 달리 코드를 한 줄 씩 기계어로 번역하는 방식.
    한 줄 씩 코드를 순차적으로 실행하기 때문에 실행 속도는 느리지만 디버깅은 쉬움.

  16. JSON
    JavaScript Object Notation의 약자로 데이터를 저장하거나 전송할 때 많이 사용하는 경량 데이터 교환 형식.
    서버와 클라이언트 간의 데이터 교환에 사용.

    경량화는 파일 크기를 줄이기 위해 코드와 마크업을 최소화하는 과정.
    HTML 파일을 만들 때 개발자는 코드의 가독성을 높이기 위해 공백이나 주석변수를 사용하여 작업하는데 웹 페이지가 활성화될 준비가 되면 개발자는 이러한 주석과 공백을 제거하여 코드를 최소화하고, 페이지 로드 시간을 단축.

profile
one setp

0개의 댓글