- ROOT

• 프론트엔드

  인터넷 != 웹
  인터넷 : 전세계를 연결하는 네트워크 인프라,도로망
  웹 : 위 도로를 이용하는 우편 시스템

  인터넷을 기반으로 문서라는 소포를 주소(URL)에 배달

React
Next.js
vite
typescript
npm
tailwind

• 하이퍼 텍스트

  컴퓨터 디스플레이나 다른 전자기기에 표시되는 텍스트로 독자가 즉시 접근할 수 있는 다른 텍스트에 대한 참조(하이퍼링크)를 포함한다. 하이퍼텍스트는 월드 와이드 웹(WWW)의 핵심 기본 개념 중 하나이며, 웹 페이지는 종종 하이퍼텍스트 마크업 언어(HTML)로 작성된다.

• 정적 웹 페이지

  저장된 그대로 사용자에게 전달되는 웹 페이지로서, 이는 웹 애플리케이션에 의해 생성되는 동적 웹 페이지와는 반대되는 용어이다. 옛날에 있던 그림 하나 없던 사이트들이 정적 웹 페이지라고 볼 수 있다.

• HTML

  하이퍼 텍스트 마크업 언어는 웹 브라우저에 표시되도록 설계된 표준 마크업 언어이다.
  HTML은 웹 페이지 콘텐츠 안의 꺽쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성한다.

• HTTP

  Hyper Text Transfer Protocol의 약자로, W3(WWW) 상에서 정보를 주고받을 수 있는 통신 프로토콜이다. 주로 HTML 문서를 전송하는 용도에 쓰인다.

• CSS

  Cascading Style Sheets의 약자로, 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어로 HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. 마크업 언어가 웹사이트의 몸체를 담당한다면 CSS는 옷과 액세서리처럼 꾸미는 역할을 담당한다고 할 수 있다.

• JavaScript

  JavaScript는 HTML, CSS와 함께 W3의 핵심 기술을 이루는 프로그래밍 언어이다. 웹 브라우저는 클라이언트 측 소스 코드를 실행하는 전용 자바스크립트 엔진을 내장하고 있다. 이 엔진들은 일부 서버와 다양한 앱에서도 활용된다. 브라우저 외부 환경에서 가장 인기 있는 런타임 시스템은 Node.js이다.

• Node.js

  Node.js는 윈도우,리눅스,유닉스,mac OS등에서 실행될 수 있는 크로스 플랫폼, 오픈 소스 JavaScript 런타임 환경이다. Node.js는 비동기 I/O가 가능한 이벤트 기반 아키텍처를 가지고 있다. 이러한 설계 선택은 많은 입출력 작업이 있는 웹 어플리케이션뿐만 아니라 실시간 웹 어플리케이션에서도 처리량과 확장성을 최적화하는 것을 목표로 한다.

• 런타임 시스템

  컴퓨터 프로그래밍에서 런타임 시스템은 주로 실행 모델의 일부를 구현한다. 대부분의 언어들은 프로그램이 실행되는 환경을 제공하는 특정한 형태의 런타임 시스템이 있다.

• 이벤트

  컴퓨팅에서 이벤트는 사용자의 입력, 하드웨어 인터럽트, 시스템 알림, 데이터나 상태의 변화와 같이 시스템이 모니터링하도록 설계된 감지 가능한 사건이나 상태의 변화를 의미한다.

• DOM 조작

  JavaScript를 사용해 웹 페이지의 구조,내용,스타일을 동적으로 변경하는 프로그래밍 방식이다.

• markup

  마크업 언어는 문서의 구조와 서식, 그리고 잠재적으로 각 부분 간의 관계를 지정하는 텍스트 인코딩 시스템이다. 마크업은 문서의 표시를 제어하거나 자동화된 처리를 용이하게 하기 위해 콘텐츠를 보강할 수 있다.

• jQuery

  jQuery는 HTML의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리다. 거의 모든 웹 브라우저에 대응할 수 있을정도의 브라우저 호환성이 있다.

• npm

  Node Package Manager는 자바스크립트 프로그래밍 언어를 위한 패키지 관리자이고 자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자이다.

• 의존성 (depedency)

  데이터 의존성은 프로그램의 변화가 데이터에 대한 변화를 요구할 때처럼 파일에 저장된 데이터와 이 파일을 갱신하고 유지하는 데 필요한 특정 프로그램 간의 결합관계를 의미한다.

• SPA

  Single-Page Application은 전체 페이지를 새로 불러오는 기존의 방식 대신, 웹 서버로부터 새로운 데이터를 받아 현재의 웹 페이지를 동적으로 다시 작성함으로써 사용자와 상호작용하는 웹 어플리케이션 또는 웹사이트를 말한다. SPA에서는 페이지 새로고침이 발생하지 않는다. 대신 필요한 모든 HTML,자바스크립트,CSS 코드를 단일 페이지 로드 시 브라우저가 가져오거나, 일반적으로 사용자 행동에 따라 필요한 리소스를 동적으로 로드하여 페이지에 추가한다.

• API

  Application Programming Interface 는 컴퓨터나 컴퓨터 사이의 연결이다. 컴퓨터와 사람을 연결시키는 사용자 인터페이스와는 반대로,API는 컴퓨터나 소프트웨어를 서로 연결한다.

• SEO

  검색 엔진 최적화(Search Engine Optimization)는 웹사이트나 웹 페이지로의 웹 사이트 트래픽의 품지리과 양을 검색 엔진으로부터 개선하는 과정이다.

• UX

  사용자 경험(User Experience)은 사용자가 어떤 시스템,제품,서비스를 직,간접적으로 이용하면서 느끼고 생각하게 되는 총체적 경험을 말한다. 단순히 기능이나 절차상의 만족뿐 아니라 전반적인 지각 가능한 모든 면에서 사용자가 참여, 사용, 관찰하고 상호 교감을 통해서 알 수 있는 가치있는 경험이다.

• SSR

  Server-Side Rendering 은 서버에서 완성된 HTML을 내려보내는 방식이다.

  • 장점 : 첫페이지 로딩속도가 빠르다,
    검색엔진 최적화가 빠르다.
  • 단점 : 깜빡임 이슈 (매번 새로고침 해야하기 때문에),
    서버과부하, 초기 로딩 이후 페이지 이동 시 속도가 CSR에 비해 느리다.

• CSR

  Client-Side Rendering 은 브라우저에서 JavaScript로 콘텐츠를 그리는 방식입니다.

  • 장점 : 새로고침이 발생하지 않아 사용자 경험에 도움을 준다,
    초기 로딩 이후 빠른 웹사이트 렌더링이 가능(웹사이트가 로딩되는 즉시 상호작용 가능)
    필요한, 변경된 데이터만 받아오므로 트래픽 감소
  • 단점 : 검색엔진 최적화에 보완필요, 초기 로딩 느림

• 하이드레이션

  프론트엔드 개발에서 서버사이드 렌더링(SSR)과 관련된 중요한 개념이다. SSR은 웹 페이지를 서버에서 미리 렌더링하여 클라이언트에게 HTML을 전달하는 방식이다. 이때 클라이언트 측에서 자바스크립트를 통해 추가적인 기능(ex:이벤트 처리, 상태 관리 등)을 활성화하는 과정을 하이드레이션이라고 한다.

• SEO OG

  (Search Engine Optimization Open Graph)는 웹페이지가 카카오톡,페이스북 같은 소셜 미디어와 메신거에 공유될 때 미리보기 제목, 설명, 이미지를 제어하는 HTML < head >안의 메타 태그입니다.

• 백엔드

  백엔드는 앱에서 눈에 보이지않는 뒤쪽의 영역으로 서버와 데이터베이스를 관리하고 사용자의 요청을 처리하는 시스템이다.

• DATABASE

  컴퓨팅에서 데이터의 체계적인 집합이며, 데이터의 수집 및 분석을 위해 최종 사용자, 응용 소프트웨어, 그리고 데이터베이스 자체와 상호작용하는 소프트웨어인 DBMS의 사용을 기반으로 하는 데이터 스토어의 일종이다.

• 웹서버

  웹 컨텐츠 배포를 위해 만든 프로토콜 즉, HTTP 또는 HTTPS를 통해 클라이언트의 요청을 수행하는 서비스 프로그램 및 기반 하드웨어다.

• 딥러닝

  인간의 뇌 신경망 구조를 모방한 인공신경망을 통해 컴퓨터가 스스로 대량의 데이터를 학습하고 패턴을 찾아내는 기계 학습의 하위 기술.

• 에이전트

  지능형 에이전트 또는 인공지능 에이전트는 생성형 인공지능 기술의 한 분야로, 사람이 설정한 목표를 달성하기 위해 외부 개입 없이 독립적으로 전략을 짜고 수행하는 능력을 가진 AI 시스템을 의미한다.

• CGI (Common Gateway Interface)

  공통 게이트웨이 인터페이스는 웹 서버에서 동적인 페이지를 보여주기 위해 임의의 프로그램을 실행할 수 있도록 하는 기술 중 하나.