일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- visual test
- useEffect
- locale data
- Python
- useMemo
- 이메일 인증
- Flutter
- typescript
- kakao blind recruitment
- 리팩토링
- Props Drilling
- 백준
- custom hook
- context api
- next.js
- ZOD
- suffixicon
- javascript
- next-auth
- interaction test
- 사탕게임
- React-hook-form
- Vanilla JavaScript
- 피보나치 함수
- react
- React.memo
- 프로그래머스
- TextFormField
- storybook
- Github Actions
- Today
- Total
목록분류 전체보기 (32)
Dev Diary
table calendar 패키지를 이용해서 bottom sheet에 캘린더를 넣은 뒤 기간 필터링 ui에서 직접설정 옵션을 선택하면 달력이 아래서 위로 올라오는 화면을 구현하려고 TableCalendar 관련 코드를 모두 작성하고 실행해보았더니 "flutter locale data has not been initialized"라는 오류가 발생했다.intl 패키지를 통해 main.dart에서 로컬 설정을 초기화해주었더니 에러가 사라졌다.void main() async { await initializeDateFormatting(); // 이 부분을 추가 // 다른 코드들 ... runApp(const ProviderScope(child: MyApp()));}
이걸로 몇시간 삽질했다. 역시 공식 문서 최고 ㅠchild: TextFormField( suffixIcon: FindAddressButton( onPressed: () { print('주소찾기 클릭'); }, ), suffixIconConstraints: const BoxConstraints( maxWidth: 66, minHeight: 30, ),),suffixIcon 아래에 suffixIconConstraints 옵션 추가
api 요청에 react-query v4를 사용하고 있는데 useQuery를 이용한 api 요청이 계속 실행되는것을 방지하기 위해 refetch 함수를 사용하여 특정 상황에만 쿼리가 요청될 수 있도록 구현하는 도중, useEffect 안에 비동기 요청 함수를 넣어 전역상태에 값을 세팅해줘야 하는 상황이 생겼다. 그래서 매번 사용했던대로 useEffect 안에서 api 요청 함수를 수행하고 응답에 특정 프로젝트에 참가하고 있는 프리랜서들과 클라이언트(발주처)의 uid, name, role이 담긴 배열이 있었는데 클라이언트(발주처)인 경우에는 clientInfo 라는 전역상태에, 프리랜서인경우에는 freelancersInfo 전역상태에 각각 저장해주었다. 그런데 프리랜서의 경우 1명일수도 있지만 2명 이상일..

오늘은 사이드 바를 리뉴얼하는 과업을 수행해야했다. 수행 조건은 아래와 같았다. 1. 하나의 메뉴를 클릭하면 해당 메뉴만 열려있고, 다른 메뉴는 닫히도록 구현해야한다. (기존에는 모든 메뉴가 다 열리게 되어있었음) 2. 사용자가 실제 위치해있는 메뉴에 해당하는 부분은 글씨 색에 변화를 주어 사용자 편의성을 높인다. 3. 사용자가 해당 메뉴에 위치해있으면 (새로고침을 하는 경우에도) 항상 해당 메뉴탭은 열린채로 유지되고 있어야한다. 4. 각 사용자마다 진행중인 프로젝트의 개수에 따라 사이드 메뉴에 해당 프로젝트 관련 메뉴를 동적으로 노출시켜야한다. 5. 사용자는 프로젝트 개요라는 페이지에서 각 프로젝트의 제목을 변경할 수 있고, 변경한 제목은 바로 사이드바에 반영되어야한다. 프로젝트 제목은 기본적으로 프..
문제 풀이function solution(today, terms, privacies) { var answer = []; // 오늘 날짜를 년,월,일로 나눠서 저장 const todayYear=+today.slice(0,4); const todayMonth=+today.slice(5,7); const todayDay=+today.slice(8,10); // 약관 종류와 유효기간 저장 const termsMap={} for (const term of terms){ key=term.split(" ")[0]; value=term.split(" ")[1]; termsMap[key]=+value } // 유효기간 더한 날짜를..
문제 이해1등 -> 6개 일치2등 -> 5개 일치3등 -> 4개 일치4등 -> 3개 일치5등 -> 2개 일치6등 -> 그 외 위에 주어진 등수와 등수를 결정하는 조건을 바탕으로 미리 ranks라는 배열에 저장해두고 시작한다.ex) ranks[맞은 번호의 개수] = 등수 민우가 적은 숫자 중에서 win_nums에 있는 숫자는 확정된 숫자이므로 decidedRank 변수에 +1을 해주고 값이 0인 부분에는 아무 숫자나 넣을 수 있으므로 최고 순위인 경우에는 0인 부분이 모두 win_num에 있는 숫자와 일치할 것이고 최저 순위인 경우에는 전부 일치하지 않는 경우이므로 결과적으로최고 순위: ranks[decidedRank+zeroCount]최저 순위: ranks[decidedRank]를 출력한다. 문제 풀이f..
백준 9375 패션왕 신해빈문제 이해하기옷의 종류(상의, 하의, 신발 등)와 각 종류에 대한 옷(맨투맨, 후드, 청바지, 운동화 등)이 각각 주어진다.주어진 옷들을 가지고 최소한 1가지는 입고 있을 수 있도록함(알몸은 안됨)과 동시에 같은 종류의 옷이 아닌(ex. 맨투맨과 후드는 둘 다 "상의"에 해당하기 때문에 같이 입을 수 없음) 경우의 수를 모두 센다. 옷의 종류 수를 n이라고 했을때, 위의 조건을 가지고 아래와 같은 식을 도출할 수 있다.((옷 종류1에 있는 옷의 개수 + 1) * (옷 종류2에 있는 옷의 개수 + 1) * ... * (옷 종류n에 있는 옷의 개수 + 1)) - 1 여기서 각 옷 종류에 있는 옷의 개수에 + 1을 해주는 이유는 해당 종류의 옷을 입지 않는 경우도 있기 때문이다. 예..
백준 1003 피보나치 함수문제 이해하기자연수 N이 주어질때 fibonacci(N)을 수행한 결과값에 들어있는 0과 1의 개수를 구하는 문제이다.문제에 주어진 N번째 피보나치 수를 구하는 C++ 함수는 아래와 같다. (이하 fibonacci()는 f()로 축약하겠다.)int fibonacci(int n) { if (n == 0) { printf("0"); return 0; } else if (n == 1) { printf("1"); return 1; } else { return fibonacci(n‐1) + fibonacci(n‐2); }} 위 코드를 바탕으로 f(0), f(2), f(3)...의 결과를 도출해보면 아래와..