목록전체 글 (95)

히치키치

Recoil : selector에서 비동기 로직 처리

다음의 글을 참고하며 공부한 내용 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..
FE 2022. 7. 8. 03:23
Recoil : 시작하기

다음의 공식문서를 공부하며 작성한 내용입니다. 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 ..
FE 2022. 7. 7. 19:01
Typescript : 객체 내 특정 string인 key값에 해당하는 value 가져오기

[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..
FE 2022. 7. 4. 21:15
[백준] 2630번 : 색종이 만들기 - Python(파이썬)

문제 https://www.acmicpc.net/problem/2630 2630번: 색종이 만들기 첫째 줄에는 전체 종이의 한 변의 길이 N이 주어져 있다. N은 2, 4, 8, 16, 32, 64, 128 중 하나이다. 색종이의 각 가로줄의 정사각형칸들의 색이 윗줄부터 차례로 둘째 줄부터 마지막 줄까지 주어진다. www.acmicpc.net 아이디어 1. 재귀 시점 색깔이 다르면 4등분으로 나눔 2. 종료 시점 4개로 나눈 것에 대한 탐색 함수 각각 실행 완료 후 종료 3. 결과 처리 조각을 다 돌고 같지 않은 색깔이 없는 경우 해당 조각의 색깔을 res 배열에 저장 res 배열 내 색깔별 갯수를 출력해 결과냄 전체 코드 #https://www.acmicpc.net/problem/2630 import ..
카테고리 없음 2022. 6. 13. 23:40
Prev 1 ··· 5 6 7 8 9 10 11 ··· 24 Next