profile
삽질하고 기록하기

[React] 여러 개의 하위 컴포넌트의 state 를 상위 컴포넌트에서 handling 하기 - with `useContext`

MainPage 에 위치한 Button을 이용하여 하위 컴포넌트인 FeatureItem 의 상태를 핸들링 해야했다. 컴포넌트 구조는 대략 다음과 같다.더 자세하게는, FeatureItem 컴포넌트 내부의 style 변수를 상위 계층의 버튼을 통해 제어를 해야하는 상황이

2023년 12월 18일
·
0개의 댓글
·

[TIL] React - keyof 사용하여 type 선언하기

만들어진 체크박스 컴포넌트에서 체크박스의 색깔을 커스텀할 수 있도록 고쳐야했는데, 아무 색깔이나 props 로 받으면 안되고 미리 정의된 color.ts 파일에 있는 디자인 시스템 색상 중에서만 사용가능하도록 해야했다.Keyof Type Operatorkeyof 는 타

2023년 11월 17일
·
0개의 댓글
·

Vite & React 에서 svg 컴포넌트 사용하기

node: ^20.50.1react: ^18.2.0typescript: ^5.0.2vite: ^4.4.0npm 이나 yarn 을 이용해 사용할 라이브러리를 설치합니다.tsconfig.json 을 수정하여 vite-plugin-svgr/client 타입을 추가합니다.vi

2023년 11월 10일
·
0개의 댓글
·
post-thumbnail

JWT 의 목적과 개념

JWT 서비스를 구현할 때 빠질 수 없는 요소 중 하나는 Authorization, 인증 기능이다. 이때 사용하는 JWT와 Access Token, Refresh Token 에 대한 개념을 간단히 정리해보자

2023년 6월 23일
·
0개의 댓글
·

[React] React-use

)

2023년 6월 14일
·
0개의 댓글
·
post-thumbnail

Flutter - Row와 Column

2022년 12월 21일
·
0개의 댓글
·
post-thumbnail

도커 컨테이너 기초

참고 아티클 : IBM - Containers vs. Virtual Machinesdocker docs🚩 목표 : 애플리케이션의 개발∙배포 편리화 & 독립성과 확장성소프트웨어나 애플리케이션의 OS 및 라이브러리 의존성을 줄이고 실행환경을 독립적으로 격리하기 위해 사

2022년 12월 6일
·
0개의 댓글
·

[Programmers - Lv.2] 구명보트

구명보트 ✏️ 문제설명 >무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 50kg]이고 구명보트의 무게 제

2022년 11월 29일
·
0개의 댓글
·

[Programmers - Lv.1] 햄버거 만들기

햄버거 만들기햄버거 가게에서 일을 하는 상수는 햄버거를 포장하는 일을 합니다. 함께 일을 하는 다른 직원들이 햄버거에 들어갈 재료를 조리해 주면 조리된 순서대로 상수의 앞에 아래서부터 위로 쌓이게 되고, 상수는 순서에 맞게 쌓여서 완성된 햄버거를 따로 옮겨 포장을 하게

2022년 11월 29일
·
0개의 댓글
·

[Programmers - Lv.1] 문자열 내 마음대로 정렬하기

프로그래머스 레벨 1 - 문자열 내 마음대로 정렬하기

2022년 11월 18일
·
0개의 댓글
·
post-thumbnail

[Programmers - Lv.1] 신고 결과 받기

프로그래머스 레벨 1 - 신고 결과 받기

2022년 11월 18일
·
0개의 댓글
·

[Programmers - Lv.1] 완주하지 못한 선수

수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다.마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의

2022년 11월 16일
·
0개의 댓글
·

[Programmers - Lv.1] 체육복

프로그래머스 level 1 - 체육복

2022년 11월 16일
·
0개의 댓글
·