weekly-paper

✔ Rendering in React 리액트 렌더링 리액트 애플리케이션 트리 안에 있는 모든 컴포넌트들이 현재 자신들이 가지고 있는 props와 state 값을 기반으로 어떻게 UI를 구성하고 이를 바탕으로 어떤 DOM 결과를 브라우저에 제공할 것인지 계산하는 일련의 과정을 뜻한다. 간단하게 말하면, UI가 어떻게 생겼으면 좋겠는지 설명하도록 요청하는 프...

✔ Virtual DOM DOM이란? > DOM(Document Object Model)은 HTML / XML 문서에 접근하기 위한 인터페이스입니다. 브라우저는 HTML 문서를 파싱하여 사용자에게 시각화를 해주는데 이러한 경우에 우리는 여러가지 이유로 브라우저가 띄

React로 만들어진 앱을 이루는 최소한의 단위 (React = component 기반의 구조)React는 모든 페이지가 component로 구성되어 있고, 하나의 component는 다른 여러 개의 component 조합으로 구성되어 있다.임의의 입력(props)을

리액트 컴포넌트에는 생명주기가 있습니다. 이것을 라이프 사이클(life cycle)이라고 표현합니다. 생명주기란 컴포넌트가 생성되고 사용되고 소멸될 때까지 일련의 과정을 말한다. 생명주기 안에서는 특정 시점에 자동으로 호출되는 메서드가 있는데 이를 라이프 사이클 이벤트

아래와 같은 오류를 본 적이 한 번쯤은 있을 것이다. 이 오류는 map 함수를 통해 배열을 렌더링할 때, key 프로퍼티를 지정하지 않았을 때 발생한 오류이다.결론부터 말하자면, 위와 같이 배열을 렌더링할 때, 오류가 발생하기 때문에 key를 설정해야된다.왜인지를 알아

SPA(Single Page Application)는 하나의 페이지로 구성된 웹 애플리케이션이다.웹 애플리케이션에 필요한 모든 정적 리소스를 최초 한 번에 다운로드하고, 그 후 새로운 페이지 요청이 있을 때 페이지 갱신에 필요한 데이터만 전달받아서 페이지를 구성한다.클

React는 라이브러리, Next.js는 React의 프레임워크라이브러리란?컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임즉, 특정기능을 모아둔 코드 혹은 함수들의 집합이며 코드 작성 시 활용 가능한 도구프레임워크란?원하는 기능 구현에 집중하여 개발할 수 있도록 일정한

데이터베이스 정규화(Database Normalization)는 데이터베이스를 설계할 때 중복 데이터를 줄이고 데이터의 무결성을 높이는 방법이다. 정규화는 데이터가 저장된 테이블을 여러 단계에 걸쳐 구조적으로 분해하면서 이루어지는데, 이를 통해 데이터를 더 효율적으로

관계형 데이터베이스(Relational Database, RDB)는 데이터를 테이블 형식으로 저장하여 데이터 항목 간의 관계를 정의합니다.테이블은 행과 열로 구성되어 있으며, 행(Row)은 각 데이터 항목을, 열(Column)은 데이터 속성을 나타냅니다. 각 테이블은

RESTful API는 REST 아키텍처 스타일을 기반으로 설계된 API(Application Programming Interface)로, 서버와 클라이언트 간의 통신을 표준화된 방식으로 제공하는 프로토콜입니다. REST는 "Representational State T

OAuth(Open Authorization)는 타사 애플리케이션이 사용자의 자격 증명을 직접 요청하지 않고도, 안전하게 자원에 접근할 수 있도록 권한을 위임하는 인증 프로토콜로 사용자와 직접적인 상호 작용 없이 다른 서비스에 접근할 수 있게 하는 점에서 특히 보안에

TypeScript는 JavaScript에 타입 시스템을 추가한 프로그래밍 언어로, 정적 타입 검사를 통해 코드의 오류를 사전에 발견하고, 코드의 가독성 및 유지보수성을 높인다. TypeScript는 JavaScript의 상위 집합(Superset)으로 모든 JavaS

d.ts 파일은 TypeScript에서 타입 정의를 외부 모듈에 제공하기 위해 사용하는 타입 타입 선언 파일이다. 이 파일을 통해 타입 정보를 모듈 외부로 제공하거나, 기존의 JavaScript 라이브러리에 타입을 추가하여 TypeScript가 타입 체크를 할 수 있도

a