개념정리

Web Real-Time Communication웹 어플리케이션과 사이트들이 별도의 소프트웨어(플러그인)없이 음성, 영상, 미디어, 텍스트, 파일과 같은 데이터를 브라우저끼리 주고 받을 수 있게 만든 기술.P2P통신에 최적화 되어 있으며, 크게 3가지 클래스에 의해 교

칸반(Kanban)은 반복적인 프로세스 단계를 명확히 나누는 프로젝트 관리방식. 칸반 프레임워크를 기반으로 하는 '칸반 보드'에 모든 업무단계를 시각적으로 표현하여, 이 보드를 통해 작업의 상태를 명확히 파악가능.반복적인 프로세스로 진행되는 모든 유형의 작업에 적용가능

CS 객체 지향 프로그래밍 OOP(Object Oriented Programming) 데이터를 추상화시켜 상태와 행위를 가진 객체로 만들고, 그 객체들 간의 상호작용을 통해 로직을 구성하는 프로그래밍 기법 캡슐화 : 변수와 함수를 한 개의 단위로 묶는 것. 정보보안

웹페이지의 구조와 콘텐츠를 정의하는 마크업 언어웹의 뼈대를 구성텍스트, 이미지, 동영상 등 다양한 콘텐츠를 웹 브라우저가 이해할 수 있도록 Tag를 사용해 구조화Markup LanguageTag사용h1 p img span ...구조와 의미 제공header, footer

Sass(Syntatically Awesome Stylesgeets)의 한 문법, CSS를 확장한 스타일링 언어CSS의 기능을 확장하고, 효율적인 스타일링 작업을 지원하기 위해 설계됨CSS와 100% 호환기존 CSS파일을 SCSS로 변환없이 사용 가능변수 사용 가능$를

미리 정의된 유틸리티 클래스를 활용해 스타일링빠르고 효율적으로 UI를 구성할 수 있도록 함사전 정의된 컴포넌트가 아닌 클래스 조합을 통해 스타일을 작성Utility-First 프레임워크CSS 파일 작성 필요없음커스터마이징 가능기본 제공 클래스 이외에도, 설정파일을 사용

JavaScript 파일에서 CSS를 작성하여 React 컴포넌트 스타일을 관리할 수 있도록 설계된 도구각 컴포넌트 스타일이 고유하게 캡슐화React 프로젝트에서 CSS 충돌 문제를 방지하고 스타일과 로직을 하나의 파일에서 관리할 수 있도록 도와줌CSS-in-JSJav

분산화된 인터넷탈중앙화(Decentralization)데이터를 중앙 서버가 아닌, 네트워크에 분산하여 저장사용자는 자신의 데이터를 직접 소유하고 관리 가능 블록체인 기반의 분산형 데이터베이스블록체인 기술데이터를 분산 네트워크 상의 블록에 기록하여 변경 불가능하게 만드

데이터를 분산된 네트워크에 저장해 투명성과 보안을 보장하는 탈중앙화된 디지털 장부데이터를 시간 순서대로 기록하며, 새로운 데이터는 Block으로 추가되고, 기존의 Block와 연결되어 Chain을 형성함Block데이터를 저장하는 기본단위 \- Data : 트랜잭션 정

변수, 함수 선언이 스코프의 최상단으로 끌어올려진 것 처럼 동작하는 매커니즘 var로 선언된 변수를 스코프의 최상단으로 끌어올려짐 다만 초기화는 호이스팅 되지 않으므로 undefined를 반환함 const let도 호이스팅 되긴 하지만 초기화 되기 전에,

데이터를 요청할때 사용서버에서 데이터를 가져오기 위함URL의 쿼리 스트링에 데이터를 포함데이터를 서버로 전송할 때 사용서버에 데이터를 저장하거나 처리하기 위한 요청HTTP 본문(body)에 데이터를 포함HTTPS를 사용해 데이터를 암호화하여 안전한 전송 가능

DNS (Domain Name System) 조회브라우저는 입력된 도메인을 IP 주소로 변환하기 위해 DNS 서버에 요청을 보냄사용자의 캐시에 IP 주소가 이미 있다면 DNS 요청 없이 캐시 데이터를 사용TCP 연결설정 (3-Way HandShake)브라우저가 구글 서

변수, 함수, 객체 등이 유효하게 접근할 수 있는 범위변수의 생명주기와 가시성을 정의하며, 코드를 구조화하고 오류를 방지하는 중요한 역할을 함어디서나 접근 가능한 스코프전역에서 선언된 변수, 함수특정 함수나 블록 내부에서만 유효한 스코프함수 내부에서 선언된 변수는 함수

함수와 함수가 선언될때 렉시컬 환경을 기억하는 기능회부 함수의 스코프의 변수에 접근할 수 있는 기능함수의 정의와 실행함수 호출시 JavaScript는 실행 컨택스트를 생성함실행 컨텍스트에는 함수의 변수 스코프와 렉시컬 환경이 포함됨클로저와 메모리의 유지클로저로 외부 함

REST(REpresentational State Transfer) 원칙을 준수해 설계된 앱 프로그래밍 인터페이스(App Programming Interface)REST는 클라이언트-서버 통신에서 리소스를 중심으로 한 설계 원칙을 기반으로 HTTP 프로토콜을 활용해 상

TCP/IP(Transmission Control Protocol/Internet Protocol) : 인터넷과 컴퓨터 네트워크에서 데이터를 송수신하기 위한 프로토콜 집합데이터를 전송하고 통신을 관리하는 규칙과 절차1\. 애플리케이션 계층 \- 사용자와 가장 가까운 계

컴포넌트가 생성되고, 업데이트 되며, 제거되는 과정에서 호출되는 특정 메서드와 단계를 의미함마운트 컴포넌트가 처음 생성되어 DOM에 추가되는 단계업데이트 컴포넌트가 state나 props 변화로 인해 다시 렌더링되는 단계언마운트 컴포넌트가 DOM에서 제거되는 단계

목적부수 효과 처리컴포넌트가 렌더링 된 이후에 실행되며, 비동기 작업, DOM, 이벤트 등록을 처리특정 의존성 변화에 따라 부수 효과를 다시 실행하거나 정리함특징의존성 배열이 없으면, 렌더링 될때마다 실행의존성 배열이 있으면, 해당값이 변경될 때만 실행클린업 함수로 리

비동기 작업의 완료 또는 실패를 나타내는 Javscript 객체3가지 대기상태 존재Pending : 대기중Fulfilled : 성공(then)Rejected : 실패(catch)Promise를 기반으로 비동기 작업을 처리하는 문법Async는 함수 선언 앞에 사용되며,

Reflow ( Layout Recalculation ) DOM이나 CSS의 변경으로 인해 요소의 레이아웃이 다시 계산되어야 하는 상황 DOM의 구조 변경 ( 요소 추가/삭제 ) 요소의 크기, 위치 여백 등이 변경 브라우저 창 크기 조절 Reflow는 계산이 복잡하며

자바스크립트 코드가 실행되는 환경을 정의하는 추상적인 개념변수, 함수, 객체 등이 서로 상호작용하는 방식을 성명하고 자바스크립트 엔젠이 코드를 실행할 때 관리하는 중요한 매커니즘변수와 함수 관리코드의 실행 순서 제어스코프 체인 관리전역 실행 컨텍스트 ( Global E

다양한 프레임 워크에서 서버 상태를 관리하고 데이터 페칭을 간소화 하기 위한 라이브러리데이터를 가져오기, 캐싱, 동기화, 업데이트 작업을 효율적으로 처리데이터 패칭 관리REST API, GraphQL, WebSocket 등을 통해 데이터를 쉽게 가져올 수 있음로딩, 성

데이터를 신선한 상태로 간주하는 시간기본값 0캐시된 데이터가 stale(구식) 상태가 되기 전까지의 시간을 밀리초 단위로 설정함데이터가 신선한 상태라면, 재요청 없이 캐시 데이터를 반환함 (동일한 데이터)데이터가 stale 상태로 전환되면, 다음 요청 시 새로운 데이터

비동기 작업을 효율적으로 작업하기 위한 매커니즘자바스크립트는 싱글 스레드 언어이므로 비동기 작업을 효율적으로 처리하기 위해 사용함Call Stack자바스크립트 엔진이 현재 실행 중인 코드나 함수 호출을 관리함함수가 호출되면 스택에 추가되고, 실행이 완료되면 스택에서 제

부모 컴포넌트가 자식 컴포넌트에 전달하는 데이터props는 읽기 전용으로 자식 컴포넌트는 수정할 수 없음변경해야 하는 경우에는 props를 컴포넌트 내부에서 state로 관리해야함컴포넌트 내부에서 관리되는 데이터동적으로 변경될 수있으며, 컴포넌트 렌더링에 영향을 미침s

**데이터를 처리하거나 작업을 수행할 때 여러 단계를 연결하여 효율적으로 처리하는 설계패턴 한 단계의 출력을 다음 단계의 입력으로 사용** 주요 개념 단계 특정 작업을 수행하며, 이전 단계의 출력을 받아 처리한 결과를 다음 단계로 전달 데이터 흐름 데이터는 각

**지속적 통합(Continuous Integration)과 지속적 배포(Continuous Deployment & Delivery) 코드 변경 사항을 빠르게 테스트하고 배포하기 위한 자동화된 프로세스**

브라우저가 HTML 파일을 바이트 단위로 읽기 시작 Parser로 바이트를 Character로 변환하고 HTML 토큰으로 변환하며 해석함 생성된 HTML 토큰을 기반으로 DOM 트리 생성 CSS파일을 파싱 문자로 변환 후 CSS 규칙으로 나눔 → 선