MainPage 에 위치한 Button을 이용하여 하위 컴포넌트인 FeatureItem 의 상태를 핸들링 해야했다. 컴포넌트 구조는 대략 다음과 같다.더 자세하게는, FeatureItem 컴포넌트 내부의 style 변수를 상위 계층의 버튼을 통해 제어를 해야하는 상황이
만들어진 체크박스 컴포넌트에서 체크박스의 색깔을 커스텀할 수 있도록 고쳐야했는데, 아무 색깔이나 props 로 받으면 안되고 미리 정의된 color.ts 파일에 있는 디자인 시스템 색상 중에서만 사용가능하도록 해야했다.Keyof Type Operatorkeyof 는 타
node: ^20.50.1react: ^18.2.0typescript: ^5.0.2vite: ^4.4.0npm 이나 yarn 을 이용해 사용할 라이브러리를 설치합니다.tsconfig.json 을 수정하여 vite-plugin-svgr/client 타입을 추가합니다.vi
JWT 서비스를 구현할 때 빠질 수 없는 요소 중 하나는 Authorization, 인증 기능이다. 이때 사용하는 JWT와 Access Token, Refresh Token 에 대한 개념을 간단히 정리해보자
참고 아티클 : IBM - Containers vs. Virtual Machinesdocker docs🚩 목표 : 애플리케이션의 개발∙배포 편리화 & 독립성과 확장성소프트웨어나 애플리케이션의 OS 및 라이브러리 의존성을 줄이고 실행환경을 독립적으로 격리하기 위해 사
구명보트 ✏️ 문제설명 >무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 50kg]이고 구명보트의 무게 제
햄버거 만들기햄버거 가게에서 일을 하는 상수는 햄버거를 포장하는 일을 합니다. 함께 일을 하는 다른 직원들이 햄버거에 들어갈 재료를 조리해 주면 조리된 순서대로 상수의 앞에 아래서부터 위로 쌓이게 되고, 상수는 순서에 맞게 쌓여서 완성된 햄버거를 따로 옮겨 포장을 하게
수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다.마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의