히치키치

더보기 💙 타입스크립트 기본 타입 : string, number, boolean, object, array, enum, any, void, null, undefined, never 1. 기본 타입 // 숫자 let age:number=30; // 불리언 let isAdult:boolean=true; // Object : 배열 - 숫자 let a:number[]=[1,2,3]; let a2:Array=[1,2,3]; // Object : 배열 - 문자열 let b:string[]=["a","b","c"]; let b2:Array=["a","b","c"]; 2. Object : 튜플 // Object : 배열 - 첫번째 원소 : 문자열, 두번째 원소 : 숫자 let b:[string, number] = ["..

다음의 글을 참고하며 공부한 내용 https://velog.io/@juno7803/Recoil-Recoil-200-%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0#4%EF%B8%8F%E2%83%A3---selector-%EC%99%80-%EB%B9%84%EB%8F%99%EA%B8%B0-%EC%B2%98%EB%A6%ACsuspense-loadable [Recoil] Recoil 200% 활용하기 아무리 구글링해도 Recoil 기본 예제밖에 나오지 않아 직접 작성한 Recoil 200% 활용법 🙃 velog.io 다음의 api 사용함 https://www.themoviedb.org/documentation/api API Overview — The Movie Database (TMDB) AP..

다음의 공식문서를 공부하며 작성한 내용입니다. https://recoiljs.org/docs/introduction/getting-started/ [Getting Started | Recoil Create React App recoiljs.org](https://recoiljs.org/docs/introduction/getting-started/) 1. 프로젝트 생성 npx create-react-app recoil-docs cd recoil-docs 2. recoil 패키지 설치 npm install recoil 3. RecoilRoot recoil state 사용할 컴포넌트의 상위를 Recoil Root로 감쌈 모든 곳에서 recoil state 사용하기 위해 root 컴포넌트의 상위를 Recoil ..

[JS version] 상수값을 관리하는 constant 폴더 내 Flexitarian, Pollo, Pesco, Lacto Ovo, Lacto, Vegan, NonVegan에 각각 지정된 색상 값이 있음 api response로 Flexitarian, Pollo, Pesco, Lacto Ovo, Lacto, Vegan, NonVegan 중 1개가 전달됨 전달받은 것에 대응하는 색상을 화면에 랜더링하면 됨 Lacto Ovo는 띄어쓰기가 있기 때문에 직접 ""로 묶어줘야 함 export const state = { Flexitarian: `${theme.light.mint}`, Pollo: `${theme.light.yellow}`, Pesco: `${theme.light.gray}`, "Lacto Ovo..