가상 DOM, diff 알고리즘을 통한 렌더링 성능 향상, 이벤트 위임 부수기

들어가면서 4주차는 프레임워크 없이 SPA 만들기 라는 주제를 가지고 과제를 진행했습니다. 바닐라 JS로 SPA의 기능을 구현해보면서 리액트가 해결하고자 하는 문제를 이해하고 해결해보는 과제였습니다. 이번 과제에서 핵심 키워드는 렌더링 라이프 사이클, Router, Store를 구현해보는 것이었습니다. 이번 주차의 전략은 일단 돌아가게 구현 후 리팩토...

최적의 테스트 전략은 뭘까 ?

TDD와 AI 에이전트에 입문하다

테스트 코드에 입문하다

Redux Toolkit Flux 패턴 : React의 상태 관리 아키텍처 패턴. 데이터 흐름을 단방향으로 유지해 어플리케이션 상태를 예측 가능하게 만든다. Action -> Dispatcher -> Store(Model) -> View Action : 데이터

: React 어플리케이션에서 클라이언트 사이드 라우팅을 구현하기 위한 라이브러리. 여러 페이지 이동을 가능하게 하는 라이브러리페이지 컴포넌트 생성Router.js 작성 - url 1개당 페이지 컴포넌트 연결App.js에 Router 적용useNavigate : 코드를

: 컴파일러 플래그 --exactOptionalPropertyTypes을 사용하면 암시적으로 undefined를 허용하는 프로퍼티에 대한 undefined 할당이 더 이상 허용되지 않는다.name?: string 대신 name : string | undefined와 같

타입 파라미터를 사용하여 코드 작성 시점에서는 구체적인 자료형을 정하지 않고, 사용 시점에 타입을 지정<T> 형태로 많이 작성타입을 매개변수처럼 다루는 문법타입을 유동적으로 받기 때문에 코드 재사용성이 높아진다.제네릭으로 허용되는 타입은 extends를 사용하여

React에서 state는 컴포넌트 내에서 데이터와 UI 상태를 관리하는 변수. 컴포넌트 내부에서 바뀔 수 있는 값state의 특징값이 바뀌면 해당 컴포넌트가 리렌더링됨불변성 유지 : state를 수정하기 위해선 직접 수정하는 것이 아닌 set 함수를 통해 변경해야 함

문자열 내에서 특정 문자열 또는 정규식 패턴과 일치하는 모든 항목을 새 문자열로 교체하는 메서드. 교체된 새 문자열을 반환searchValue에는 찾는 문자열, 전역 플래그 g가 있는 정규식 객체가 들어올 수 있음replaceValue에는 교체할 문자열, 매치된 값에

A JavaScript library for building user interfaces, 웹 or 앱 어플리케이션의 UI를 담당하는 JavaScript 라이브러리SPA(Single Page Application) 기반 프론트엔드 개발 라이브러리한 개의 페이지로 이루어

백틱(\`\`)을 사용하여 문자열을 선언하는 방식. ES6부터 백틱을 사용하여 문자열을 정의할 수 있게 됨템플릿 리터럴 앞에 함수 이름을 붙이면 템플릿 리터럴과 템플릿 값의 일부가 전달됨.템플릿 리터럴로 선언한 문자열 앞에 함수를 붙여 기능을 붙이는 느낌객체의 고유한

첫 FEconf 후기 간단하게 말아보기

하나의 맥북에서 GitHub 개인 & 회사 계정 함께 쓰는 방법에 대해 정리합니다.

Next.js의 Script 컴포넌트는 서버 환경에서 동작하는지 테스트를 통해 알아보는 포스트입니다.

컴퓨터 네트워크 스터디 (4)

컴퓨터 네트워크 스터디 (3)

컴퓨터 네트워크 스터디 (2)

컴퓨터 네트워크 스터디 (1)