본문 바로가기

Til13

[TIL] Redux-Toolkit, Redux-Persist 에러 A non-serializable value was detected in an action, in the path: `register`. 프로젝트 테스트 중 Redux-Toolkit과 Redux-Persist를 함께 사용하니 콘솔창에 계속 에러가 났다.chatGPT에게 물어보니 아래와 같은 답을 주었고 이해는 안 됐지만 에러는 해결함...const store = configureStore({ reducer: persistedReducer, middleware: (getDefaultMiddleware) => getDefaultMiddleware({ serializableCheck: { // 직렬화 확인을 무시할 액션 타입들을 설정합니다. ignoredActions: ["persist/PERSIST"], }, }),}); 2024. 6. 16.
[TIL] Vite-React-Eslint Prop-Types 검사 에러 없애기 프로젝트 프론트 테스트 중 Vite로 구축한 React 환경에서 컴포넌트에 props를 넘기는데'error' is missing in props validationeslintreact/prop-types위 에러가 계속 나서 내가 처음에 타입스크립트로 잘못 선택했나 싶었는데 에러창을 잘 살펴보니 eslint 에서 문제가 있는 것 같아 찾아봤다. 이유는 vite로 프로젝트 구축할 때 자동으로 생성되는 .eslintrc.cjs 파일의 extemds 부분에 있는 "plugin:react/recommended" 가 문제였다. 이 설정은 React 컴포넌트에서 PropTypes를 사용하여 props의 타입을 검사하도록 권장해서 PropTypes를 정의하지 않았을 때 경고 또는 오류를 발생시킨다고 한다. (출처 Ch.. 2024. 6. 14.
[TIL] 240117 - 근황, 알고리즘 문제 풀이, 노마드코더 강의 수강 캠프 수료 후로 이노캠에서 취업 프로그램도 하고, 스터디도 참가하고 했지만... 어쩌다 보니 하반기는 아주아주 푹~~ 쉬어버렸다. 몸과 마음 모두 잘 놀고 먹고 쉬어줬기 때문에 후회는 없지만 이젠 진짜 취업을 피할 수 없어졌다... 개발도 너무나 손 놓고 살아서 이노캠 때 했던 알고리즘 문제 리스트를 차근차근 풀어보면서 다시... 친해져보고자... 한다... 그리고 구매해놓고 못(안) 듣고 있던 노마드코더 React 마스터클래스도 마침 이번주 부터 챌린지를 시작해서 신청해두었다. 블로그도 후기 이후로는 새 글을 못 써서 별 거 아닌거라도 좀 기록하는 습관을 들여야겠다. 별 거 없는 근황 끗 오늘 한 일 - 프로그래머스 알고리즘 풀이 - 노마드코더 React JS 마스터클래스 강의 수강 #1.0 ~#3.0.. 2024. 1. 17.
[TIL] 230703~0705 - CS스터디, 주특기 Lv.2 과제 제출, 스터디 한 일 230703 - CS 스터디 발제 - 주특기 Lv.2 구현 - 스터디 개인 공부 230704 - CS 스터디 자료구조 개념공부 - 주특기 Lv.2 과제 구현 - 스터디 발표 준비 (+ 모던 자스 딥다이브 드디어 샀다... 🐕 비 싸 오늘 왔음) 230705 - CS 스터디 자료구조 개념공부 - 주특기 Lv.2 과제 제출 - 주특기 Lv.3 찍먹 시작 - 스터디 발표 준비 더보기 이번주는 집중력이랑 의욕이 레전드로 바닥나서 놀고 자고 ,,, 정말 최소한의 요구사항만 했던 나날들,,, 너무 한 게 없어서 많아보이라고 합쳐두기 ! ^^ WIL 적으면 아주 볼만할듯 싶다 세상에 이렇게나 얼레벌레인 인간이 있을까 미뤄놓은 덕분에 할 게 산더미군요 여기다 대충 순서대로 적어두고 가겠습니다 여기서 오늘은 7/.. 2023. 7. 6.
[TIL] 230701 - 리액트 숙련주차 수강, 스터디 발표 오늘 한 일 - 리액트 숙련주차 React Router Dom 까지 수강 - vscode 리액트 익스텐션 설치 - 스터디 발표 리액트 관련 vscode 익스텐션 1. Auto Import - ES6, TS, JSX, TSX - 사용 가능한 모든 가져오기에 대한 코드 작업 및 코드 완료를 자동으로 찾아 구문 분석하고 제공합니다. (익스텐션 공식설명) - 자동으로 컴포넌트나 파일의 import 해주는 익스텐션 - 맨날 임포트 치기 귀찮았는데 짱짱 편함 2. Reactjs code snippets - 형식 자동 입력 스니펫 - 함수형 컴포넌트 만들 때 : rfc - 화살표형 컴포넌트 만들 때 : rsc - 다른 것도 많던데 참고해서 적절히 사용하면 좋을 듯 https://breathtaking-life.tis.. 2023. 7. 6.
[TIL] 230629 - 주특기 1주차 테스트, 리액트 숙련주차 수강, 스터디 개인공부 오늘 한 일 - 주특기 1주차 테스트 - 리액트 숙련주차 2-10 까지 수강 - 스터디 결석 개인공부 2023.06.29 - [이노베이션 캠프/[스파 2023.06.29 - [이노베이션 캠프/[스파르타코딩클럽] 강의 정리] - [리액트 숙련주차] 2-10 Lifecycle 르타코딩클럽] 강의 정리] - [리액트 숙련주차] 2-3~9 React Hooks 2023. 6. 30.
[TIL] 230624 - 리액트 강의 수강, 스터디 2주차 발제 오늘 한 일 - 리액트 입문주차 강의 완강 - 강의 정리해서 블로그에 포스팅 - 레벨1 과제 틀 잡기, 시작 - 스터디 2주차 발제 강의 정리 2023.06.24 - [이노베이션 캠프/[스파르타코딩클럽] 강의 정리] - [리액트 입문주차] 1-5 React Component ~ 1-11 Props 추출 2023.06.24 - [이노베이션 캠프/[스파르타코딩클럽] 강의 정리] - [리액트 입문주차] State 2023.06.24 - [이노베이션 캠프/[스파르타코딩클럽] 강의 정리] - [리액트 입문주차] 불변성과 순수함수 2023.06.24 - [이노베이션 캠프/[스파르타코딩클럽] 강의 정리] - [리액트 입문주차] 컴포넌트와 렌더링 2023.06.24 - [이노베이션 캠프/[스파르타코딩클럽] 강의 정리].. 2023. 6. 28.
[TIL] 230531 - 백준 알고리즘 문제풀이 오늘 한 것- 백준 알고리즘 문제 풀이 11279번 : 최대 힙 11866번 : 요세푸스 문제0백준 문제풀이11279번 : 최대 힙(중)2023.06.05 - [알고리즘/백준] - [백준] 11279번: 최대 힙 (Javascript, node.js) [백준] 11279번: 최대 힙 (Javascript, node.js)[백준] 11279번: 최대 힙 https://www.acmicpc.net/problem/11279 11279번: 최대 힙 첫째 줄에 연산의 개수 N(1 ≤ N ≤ 100,000)이 주어진다. 다음 N개의 줄에는 연산에 대한 정보를 나타내는 정수 x가 주어진다. 만jwc406.tistory.com문제일단 자료구조를 다 까먹어서(...) 힙이라는 게 무엇인지 먼저 찾아봤었다 힙이란? - 우.. 2023. 6. 5.
[TIL] 230530 - 백준 알고리즘 문제풀이 오늘 한 것- 백준 알고리즘 문제 풀이 4949번 : 균형잡힌 세상 11279번 : 최대 힙(덜 품)백준 문제풀이4949번 : 균형잡힌 세상 (중)https://www.acmicpc.net/problem/4949 4949번: 균형잡힌 세상각 문자열은 마지막 글자를 제외하고 영문 알파벳, 공백, 소괄호("( )"), 대괄호("[ ]")로 이루어져 있으며, 온점(".")으로 끝나고, 길이는 100글자보다 작거나 같다. 입력의 종료조건으로 맨 마지막에www.acmicpc.net문제풀이는 다른 분 것을 거의 참고해서 푼 코드라 첨부하지 않음 각 문제의 주제에 맞춰서 푸는 게 좋다는 것을 깨달았고 분명 코드도 맞고 출력도 같은데 계속 틀렸다고 뜰 때는 출력값을 잘 살펴보자... (출력값 소문자 yes, no인데 .. 2023. 5. 31.
[TIL] 230529 - 백준 알고리즘 문제 풀이 오늘 한 것- 백준 알고리즘 문제 풀이 1021번 : 회전하는 큐 9012번 : 괄호백준 문제풀이1021번 : 회전하는 큐 (중상)2023.05.30 - [알고리즘/백준] - [백준] 1021번: 회전하는 큐 (Javascript) [백준] 1021번: 회전하는 큐 (Javascript)[백준] 1021번: 회전하는 큐 (Javascript) https://www.acmicpc.net/problem/1021 1021번: 회전하는 큐 첫째 줄에 큐의 크기 N과 뽑아내려고 하는 수의 개수 M이 주어진다. N은 50보다 작거나 같은 자연수이고, M은 Njwc406.tistory.com문제문제에서 제시된 연산들과 어떻게 풀어야 하는지는 구상이 됐지만 문제는 2번, 3번 연산을 결정하는 기준이였다. 시도 & 해결.. 2023. 5. 30.
[TIL] 230527 - TIL 작성 특강, 백준 알고리즘 문제 풀이 오늘 한 것- TIL 작성 특강 듣기 (강민철 튜터님) - 백준 알고리즘 문제 풀이 (0525~0527 까지) 1011번 : Fly me to the Alpha Centaur 1002번 : 터렛 10828번 : 스택 10773번 : 제로 18258번 : 큐2 1874번 : 스택 수열TIL 작성 특강 정리- TIL이란? Today I Learned -> 내가 오늘 배운 것을 기록하는 것 - 채용이란? 앎의 증명 - 아는 것을 증명하기 위해서는? 일단 알아야 하고, 그것을 까먹지 않아야 함 - 즉 알게 된 것을 까먹지 않도록 정리해 둠으로써 증명으로 사용하는 것 !- 꼭 있어야 하는 것 : 문 시 해 알 어떤 문제 상황이 있었는지문제를 해결하기 위해 시도해 본 것들 (삽질 ⛏️) - W.. 2023. 5. 28.
[TIL] 230523 - 백준 알고리즘 문제 풀이 오늘 한 것- 백준 알고리즘 문제 풀이 4989번 : 베르트랑 공준 2869번 : 달팽이는 올라가고 싶다 10250번 : ACM 호텔 1929번 : 소수 구하기 1110번 : 더하기 사이클백준 문제 풀이 백준 4989번 : 베르트랑 공준 (난이도 하)https://www.acmicpc.net/problem/4948 4948번: 베르트랑 공준베르트랑 공준은 임의의 자연수 n에 대하여, n보다 크고, 2n보다 작거나 같은 소수는 적어도 하나 존재한다는 내용을 담고 있다. 이 명제는 조제프 베르트랑이 1845년에 추측했고, 파프누티 체비쇼www.acmicpc.netconst fs = require('fs'); const filePath = process.platform === 'linux' ? '/dev/st.. 2023. 5. 24.