🧪typescript 기본 문법 정리

react에서 styled-components에 있는 ThemeProvider를 사용하여 다크모드를 만들 수 있다.

Suspense(대기)는 React v18부터 도입된 기능으로, 비동기적으로 데이터를 로드할 때 미리 정해진 컴포넌트를 렌더링하고,로드가 완료되면 실제 데이터를 렌더링 하는 기능이다.

개발자가 스스로 커스텀한 훅을 의미하며, 반복되는 로직을 함수로 뽑아내어 재사용할 수 있다.

렌더링 최적화를 위한 Hook인 useMemo와 useCallback에 대해 알아보자💨(React.memo는 덤!)

webpack으로 create-react-app의 거대한 라이브러리 목록을 줄이고자 직접 웹팩을 설치하여 하나씩 리액트와 그에 필요한 라이브러리를 설정할 수 있다.

Webpack은 프론트엔드 애플리케이션 배포를 위해서 가장 많이 사용하고 있는 번들러이다.

React Query는 React에 종속적인 라이브러리이며, React 애플리케이션에서 데이터를 관리하고 가져오는 데 매우 유용하다.

(미디어 쿼리와 키프레임으로 만든 간단한 페이지) 키프레임과 캔버스 사용법 알아보기

미디어 쿼리를 이용하여 반응형 레이아웃을 구현하는 방법과 리플로우, 리페인트 최적화 방법

일단 피그마로는 이렇게 완성!

직접 작성한 서버에서 인증을 처리해주는 것과는 달리, OAuth는 인증을 중개해주는 메커니즘이다.

해싱은 암호화만 가능하다. / 토큰을 사용하면 사용자의 인증 정보를 클라이언트 측에 저장할 수 있다.

HTTP는 비연결성, 무상태성이 기본이라고 했는데..왜 쇼핑몰에 로그인 한 상태로 다른 페이지를 돌아다녀도 장바구니가 유지가 되는 걸까? 그것은 바로 쿠키 덕분!

HTTP 역사, 특징, 헤더의 종류과 HTTS의 대칭 키, 공개 키 암호화 방식...

OSI 7 계층이란 ISO라고 하는국제표준화기구에서 1984년에 제정한 표준 규격이다. 이러한 표준화를 통하여 포트, 프로토콜의 호환 문제를 해결할 수 있게 되었다.

WAI-ARIA는 WAI에서 발표한 RIA 환경에서의 웹 접근성 기술 규격이다. 동적인 콘텐츠에서도 HTML 요소에 추가적으로 의미를 부여함으로써 접근성을 향상시킬 수 있다.

웹 표준 - 어떤 환경에서도 이용할 수 있는 웹 페이지, 웹 접근성 - 어떤 사람이든 이용할 수 있는 웹 페이지를 만들 수 있는 방법

Redux Toolkit이란 Redux를 편하게 사용하기 위한 리덕스 공식 개발 도구이다. saga를 제외한 나머지 라이브러리를 따로 설치하지 않고 사용할 수 있게 해준다.

context API란 리액트에 내장된 기능으로, props를 사용하지 않아도 특정 값이 필요한 컴포넌트끼리 쉽게 값을 공유할 수 있게 해준다. 주 목적: props-drilling을 피하는 것.