[TIL]231221_(주제는 없는)웹 개발 용어정리1

👩🏻‍💻 Today Learn

• 알고리즘 입문 2문제
• Typescript 강의
• Recoil 세션

---

💡 내가 보기 위해 하는 기록

오늘의 TIL은 주제도 없고 두서도 없을 예정이다.
프론트엔드를 배우겠다고 시작했지만 관련 용어에 대해 모르거나 헷갈리는 것들이 많아서 어떤 단어를 들었을 때 '어? 저게뭐지..?' 하는것이 많았다.

그래서 찾아보면서 정말로 내가 보기 위해 적어보려고 한다.

프레임워크(Framework)

• 목적에 필요한 것을 고민할 필요없이 이용할 수 있도록 일괄로 가져다 쓰도록 만들어 놓은 '구조화된 틀'
• 웹사이트를 만드는 과정을 더 빠르고 쉽게 만들기 위해 발명되었고 프레임워크는 하나의 중앙 장소로 접근해 가져올 수 있는 솔루션, 도구, 컴포넌트들의 모음

라이브러리(Libraries)

• 미리 작성된 코드 그룹으로서 쉽게 작업들을 완성시킬 수 있게 해줌
• 미리 정의된 메소드와 클래스들의 집합으로서 개발자들이 자신의 업무에서 쉽게 적용하여 빠르게 개발을 칠 수 있게 도와줌
• 대부분의 프로그래밍 언어는 기본적인 라이브러리를 포함하고 있으며 개발자들은 자기만의 라이브러리를 추가할 수 도 있음

통합 개발 환경(IDE)

• 프로그래머가 소프트웨어 코드를 효율적으로 개발하도록 돕는 소프트웨어 어플리케이션
• 작가가 텍스트 편집기를 사용하고 회계사가 스프레드시트를 사용하는것과 같은 개념
  ex) vscode

API(Application Programming Interface)

• 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘
• API의 맥락에서 어플리케이션이라는 단어는 고유한 기능을 가진 모든 소프트웨어를 나타내며 인터페이스는 두 어플리케이션 간의 서비스 계약이라고 할 수 있음

REST(Representational State Transfer) API

• 오늘날 웹에서 볼 수 있는 가장 많이 사용되고 유연한 API
• 클라이언트가 서버에 요청을 데이터로 전송하고 서버가 클라이언트 입력을 사용하여 내부 함수를 시작하고 출력 데이터를 다시 클라이언트에 반환
• REST는 클라이언트가 서버 데이터에 액세스하는데 사용할 수 있는 GET, PUT, DELETE등의 함수 집합을 정의
• 클라이언트와 서버는 HTTP를 사용하여 데이터를 교환

HTTP(Hypertext Transport (or Transfer) Protocol)

• 월드 와이드 웹(www)에서 사용되는 데이터 전송 프로토콜
• HTTP를 통한 일반적인 흐름에는 클라이언트 시스템에서 서버에 요청한 다음 서버에서 응답 메시지를 보내는 작업이 포함됨

보일러플레이트(boiler plate)

• 보일러플레이트는 변경 없이 계속하여 재사용할 수 있는 저작품
• 보일러플레이트 코드란 최소한의 변경으로 여러곳에서 재사용되며 반복적으로 비슷한 형태를 띄는 코드

보일러플레이트 구성

• Import: 필요한 코드를 불러들이는 부분
• Component: 현 페이지를 구현하는 코드
• StyleSheet: 페이지의 객체를 꾸미기 위한 style
• Export: 현 javascript 코드를 다른 javascript에서 접근하기 위한 부분

캐시

• 웹사이트를 처음 방문할 때 컴퓨터에 관련 정보를 저장하여 사이트 속도를 높이는 데 도움이 되는 임시 데엍 저장소
• 웹사이트를 다시 방문할 때 정보는 이미 저장되어 있으므로 모든 웹사이트 정보를 다시 로드할 필요가 없음

CI/CD

CI(Continuous Integration)

• 지속적인 통합
• 어플리케이션의 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트 되어 공유 레포지토리에 통합하는 것
• 핵심 목표는 버그를 신속하게 찾아 해결하고 소프트웨어의 품질을 개선하고 새로운 업데이트의 검증 및 릴리즈의 시간을 단축시키는 것!

CD(Continuous Delivery & Continuous Deployment)

• 지속적인 서비스 제공 & 지속적인 배포
• Continuous Delivery: 공유 레포지토리로 자동으로 Release 하는 것
• Continuous Deployment: Production 레벨까지 자동으로 deploy 하는 것을 의미함
• 개발자의 변경 사항이 레포지토리를 넘어 고객의 프로덕션 환경까지 릴리즈 되는 것

우선 당장 생각나는것만 정리해보았고 앞으로 추가해보도록 해야겠다.

찾아보던 중 정리를 잘해준 블로그 링크 공유
https://velog.io/@cookie004/61-frontend-web-development-buzz-words#18-%EB%8F%94dom

---

✍🏻 회고

무에서 유를 만드는것을 쉽게보지 말아라! 용어부터 시작해서 알아야 할 것들이 태산이다.
마음만 급해서 우겨넣다가 체하지말고 정리해가며 익숙해져보자