목표:단순한 타이머가 아니라→ "내가 언제 집중을 잘하는 사람인지"→ "어떤 시간대에 순공/업무 시간이 많은지"→ "장기적으로 개선/멘토링 자료로 활용할 수 있는"개인 분석용 타이머순수 업무 시간(순공) 체크하루, 주, 월 단위 통계시간대별 집중 패턴 분석달력 기반 기

2025.03.19 수요일Next.js 개인과제 - 트러블슈팅결과

2025.03.14 금요일Next.js 개인과제 - 트러블슈팅Next.js 개인과제를 진행하면서 필수구현 요소중 마지막 Route Handlers를 이용한 CSR 페이지를 구현중이었다.SSG, SSR, ISR 페이지들은 생각보다 어렵지않게 구현을 했어서, 이번에도 여럽

Next.js에서 TQ복습을 하다가 나온 내용이다.useQuery를 이해하는 중요한 내용이라서 다시한번 정리해본다.여러 공식 문서들에 등장하는 예시인 투두리스트 만들기다.위와 같이 useQuery의 가장 기본적인 사용방법이다. 그리고 나서 콘솔로그를 확인해 보면 아래와

2025\. 03. 12 수요일Next.js를 배우는 과정에서 알고있어야 할 개념들에 대해서 정리해본다.기존에 사용하던 리액트는 SPA(Single Page Application) 방식을 사용한다. 애플리케이션의 모든 뷰가 하나의 HTML 파일 내에서 JS로 관리되고,

2025\. 03. 11 화요일next.js를 배우면서 렌더링에 대해서만 한참을 배우고 구분했다.뭐가 이렇게 많죠..?클라이언트가 요청할 때마다 서버에서 데이터를 가져와 페이지의 HTML을 생성하여 응답하는 방식이다.최신 데이터가 항상 보장되나, 매 요청마다 서버에서

2025\. 03. 10. 월요일ts에서 타입을 변수처럼 사용하는 제네릭타입에 대해서React에서 많이 사용하는 useState를 예시로 이해하기!!useState에 제네릭타입 사용방법useState는 (초기값)을 받아서 \[state, setState]를 반환한다.초

2025.03.04 화요일아웃소싱 프로젝트 - 트러블슈팅TanStack Query 공식문서와 강의를 참고하며 찜하기(북마크) optimistic updates(낙관적 업데이트)로 리팩토링.차근차근 따라가며 코드를 작성후 실행되는지 확인!!오! 찜하기 기능은 정상 작동되

25.02.24 월요일MBTI 테스트 - 트러블슈팅유저 정보를 받아와 닉네임을 수정하는 로직을 확인하던 중, 닉네임 변경이 정상적으로 동작하지 않는 것을 발견. PrivateRouter 설정 후 정상 작동을 확인했으나, 코드 정리 과정에서 일부 파일을 layout 폴

25.02.20 목요일 MBTI 테스트 - 트러블슈팅리액트 심화주차 수강을 힘들게 마치고 개인과제를 셋팅하던 중에 문제가 발생!!셋팅과정부터 문제가 발생하다니..🤦‍♀️Tailwind CSS를 설정한 후 정상적으로 적용되었는지 확인하는 과정에서 unknown at

25.02.18 화요일✅ 개인적인 성과회원가입 자료를 받아서 Supabase에 기록협업을 위한 공통 양식 제시필수 구현 사항 완성✅ 팀의 성과유연하고 원활한 소통과 수용, 방향성&레퍼런스 제시 (비판, 비난 없이)필수 구현 사항 완성발표 준비부터 발표까지 완성도 높았음

25.02.14 금요일혼자서 사용하던 깃허브를 공통으로 사용하면서 브랜치전략에 대해서 체감하는 중.협업 과정중의 pull, push, Conflict, rebase, merge 방법등을 실제 사용해보고 겪어보니 진짜협업이구나.내가 제작하지도 않은 페이지가완성되고 있다.

25.02.13 목요일이번 팀프로젝트의 주요 목적은 협업과 Git & GitHub 사용 방법에 익숙해지는 것이다.어제 협업을 위한 여러 규칙들을 정했지만, 추가로 정해야 할 규칙들이 예상보다 많았다.항상 개인과제를 하면서 '나' 혼자 사용하던 레포지토리를 공동으로 사용

25.02.12 수요일BasS를 활용한 프론트엔드 개발 팀프로젝트React와 Supabase를 활용한 CRUD 기능구현github 협업King's Ear is (a.k.a KEI)👂👑꿀팁, 질문, 코드리뷰, 잡담등 내배캠 대원들의 대나무숲 커뮤니티 🎋처음에는 각

25.02.11 화요일개인과제 제출 마감기한이 지나고 해설 영상을 확인 하던중, 내가 정확하게 모르고 그냥 사용한 부분이 있음을 알게 되었다.코딩을 하면서 후반부에 의문이 생기긴 했지만, 일단 구현이 목적이었기 때문에 넘어갔던 부분이다.리액트에서 사용하는 Link와 N

25.02.10 월요일개인프로젝트 6일차 배포!튜터님이 정말 옵션 하나하나 설명하며 친절하고 상세하게 알려주셨는데...마치 수업에 나온 코드를 그대로 따라 쳤는데도 제대로 구동이 안되는 것 처럼..뭔가 하나 부족한 상태가 되는 걸까??처음해보는 부족하지만 그래도 잘 구

25.02.07 금요일개인과제 5일차.기능 구현들은 다 완성을 하였다!!세부사항들을 다듬고, 코드를 다시 확인하고 스타일정리를 하면서예상하지 않은 부분이 발생!ui요소를 클릭하면 다른페이지로 넘어가도록 구현을 한 기능 중에서 array.map()을 사용하여 그려주는 부

25.02.06 목요일개인과제 4일차. 어제까지 Context API 리팩토링을 마무리하고, Redux-ToolKit을 활용한 리팩토링을 시작했다.Context API를 사용하면서 어느정도 코드는 정리를 해둔 상태여서 바~로 진행하면 되는 사항이었는데, createSl

25.02.05 수요일 : 포켓몬dex - 트러블슈팅개인과제 3일차!!어제 2단 변신 중 베이스를 마무리 한 줄 알았는데...하나를 빼먹었네? 추가해야지~ 하고 시작했는데....아니... 왜.. 안됨!?아니... 왜 작동되던 녀석도 안됨!?아니... 새로 구현한 녀석

25.02.04 화요일개인과제 2일차, 2단 변신 과정중 베이스 단계를 마무리 했다!이 전 보다는 리액트에 조금 익숙해진 것 같은 느낌적인 느낌!?쪼끔 친해졌다고 금방 또 사이 멀어질뻔 했다.동적라우팅에 대해서 패스파라미터만 배운것 같은데...쿼리스트링으로 구현하라는