호박고구마
[TIL] 20241124
회고록 2025. 11. 24. 23:48

✅ 오늘 한 일DashBoard 페이지 진행 중인데, 전체 작업 누를 시 밑의 처럼 에러 발생중이다.전체작업을 누르면 table 페이지로 이동되어서 게시물은 잘 나오는데, query값을 제대로 잘못 넣은듯 하다. 내일 다시 수정해야겠다. 🏃 앞으로 해야할 일card-list 지우고 selector 상태 변경으로 하여 셀렉터 생성게시물 등록에서 common 영역 startDate 지우기 😓 반성할 점오늘 오랜만에 회사출근하고 뭐 하다보니 공부를 많이 못했다. 목표감이 없다보니 확실히 많이 안되는데, 다시 목표 잡고 열심히해야겠다.

[TIL] 11월 4일 ~ 11월 23일 안식 휴가 회고
회고록 2025. 11. 23. 15:00

😊 안식 회고내일부터 이제 3주간의 안식이 끝났다. 오랜만에 제주도도 가고, 많이 못만났던 지인도 만나면서 따로 개인 시간을 많이 가지면서 많은 생각을 한거같다. ✈️ 제주도 여행원래 일본을 가려했는데, 생각보다 비행기 값이 비싸서.. 친구랑 제주도로 여행지를 바꿨다. 제주도가 근데 너무 비행기 가격이 너무 싸서 바꾼 부분도 있다.근데 생각보다 날씨가 너무 좋아서 깜짝놀랐다. 또 간곳 마다 너무 다들 맛있어서 좋았다. 밑에는 간곳을 나열했는데, 진짜 많이도 부지런하게 돌아다니고 많이도 먹은거같다. 엄청 많이썼는데 생각보다 많이 안나왔다. 가격은 한 60정도 쓴거같은데 아주 재밌게 놀았다. 성산 마리나 호텔호텔 더원오설록이재모 피자고등어회 (가게이름 까먹음..)커피템플보말이네신세계 파크981파크루나..

[TIL] 20251122
회고록 2025. 11. 22. 16:51

❗️전직을 목표로..슬슬 목표를 다시 세워야하지 않나 생각이든다. 홀라스터디, 인프런에서 프로젝트를 사람들과 같이하면서 이젠 정말 전직을 목표로 해서 다시 새로운 목표를 체계적으로 세워야겠단 생각이 든다. 그리고 블로그를 쓰려는데, 중간 중간 고민했던 내용이나 스샷이 없으니 이게 블로그를 쓰기가 좀 불편한 부분이 있는거같다. 정말로 이젠 TIL을 자주써야겠다 ✅ 앞으로의 계획1. TIL 자주쓰면서 중간 중간 내용 저장해두기. 그리고 일주일치 내용 고민거리 모아보기2. JS 개념 다시 잡기, javascript 딥다이브 모르는 부분 공부하기.3. 코테 공부 -> 남의 코드 자주보기. 😎 오늘 한 일회사 페이지 대시보드 페이지를 새롭게 꾸며봤다. 아직 막 그렇게 이쁜건 아닌데, 좀 더 꾸며야겠다.

Tanstack Query 주요 개념 정리
React 2025. 11. 20. 11:03

Tanstack Query란?TanStack Query(이전 명칭: React Query)는 React 애플리케이션에서 서버 상태(Server State)를 관리하기 위한 강력한 데이터 동기화 라이브러리QueryClient, QueryClientProviderQueryClient는 React Query의 중앙 집중식 캐시 저장소이자 설정 관리자를 말함. 이는 데이터를 가져오고, 저장하고, 관리하는 데 필요한 모든 논리와 상태를 담고 있는 객체임캐시 저장소란?서버에서 가져온 모든 데이터를 메모리에 저장합니다. 이 캐시는 쿼리 키(['tasks'] 등)별로 관리한다. 데이터의 상태(Fresh, Stale, Inactive) 및 만료 시간을 추적함.전역 설정 관리쿼리 재시도 횟수, 캐시 시간(cacheTime..

내가 생각하는 FSD 간단한 예제
React 2025. 11. 19. 00:16

서론이전까지 코드를 어떻게 해야 깔끔하게 관리할 수 있을까에 대한 고민을 했다. 그리하여 듣게 된 과정이 항해 프론트엔드 과정이다. 코드 유지 보수 관련하여 고민이 많았던 나는 이 과정을 하면서 많은 도움이 되었다. 그리고 9월 중순까지 항해 99 프론트엔드 과정을 들으면서, 정말 열심히 했다. 하지만 내 수준에 비해 항해과정은 굉장히 수준이 높았고 매우 어려웠다.그래서 항해를 마치고 꼭 복습해야겠다는 생각을 하였다. FSD가 굉장히 나에겐 감명 깊었고, 이 부분을 복습하고자 노력했다. 그래서 이전에 회사 사이드 프로젝트를 다 뜯어고치겠다는 마음을 먹었다.항해를 하면서 사실 AI에 도움을 너무 많이 받아 흡수를 못했다. AI 사용 능력이 정말 중요하지만, 이번 프로젝트는 꼭 혼자서 해결하고 싶은 마음이 ..

article thumbnail
[WIL] 항해 프론트엔드 6기 10주차 후기 (성능 최적화)
회고록 2025. 9. 14. 18:03

10주차 프로젝트아 오랜만에 쓰는 WIL이다.. 자꾸 글을 작성해놓고 안썼는데, 꼭 일요일마다 회고록을 작성해야겠다. 이번 주차는 성능 최적화 관련 과제이다. 원래 저번주차에 성능 최적화 주차였는데, 성능 최적화를 한주 없애고, SSR, SSG 부분이 생겼다. 저번주차는 정말 극악 주차였다. ㅜㅜ (크흠 준일코치님..)본론최적화가 안된 웹 프론트 페이지를 최적화를 시키는게 목표다. 10주차는 정말 여러가지로 많이 쓰였던 주차였다. 이전에 배웠던 useAutoCallback을 다시 사용하기도 했고, React Develoer Tools를 사용하면서 어디부분에서 렌더링이 많이 발생한지 체크를 해서 최적화를 해야한다. 이전에 사실 뭣도 모르고, useCallback, memo, useMemo를 그냥 남발 했는..

[프로그래머스] 3진법 뒤집기 68935번
알고리즘 문제 풀이 2025. 9. 14. 00:31

function solution(n) { const ternaryString = n.toString(3); const reverse = [...ternaryString].reverse().join(''); const result = parseInt(reverse, 3); // '22111'을 3진수로 해석 return result;} 이 문제의 주요 내용은 3가지이다.1. 10진법 -> 3진법 바꾸는 방법2. 문자열 뒤집기 방법3. 3진법 -> 10진법1. 진법 바꾸는 방법주요 예시:// 10진수 → 2진수 (Binary)const decimal = 27;const binary = decimal.toString(2); // radix: 2console.log(binary); ..

article thumbnail
[WIL] 항해 프론트엔드 6기 7주차 후기 (TDD)
회고록 2025. 8. 24. 15:42

7주 차 프로젝트7주차 과제는 TDD 관련된 내용이다. TDD 강의는 사놨지만, 사실 인프런에서 제로초님꺼 TDD 관련 강의를 결제 해놓고 다른 거를 하느라 TDD를 제대로 안해봤다. 하지만 이번 과제를 통해 TDD를 배운다는 생각에 너무 좋았고, 이번 기회에 마스터는 못하지만 어느정도 개념을 알자라는 목표로 다가갔다.본론일단 이번과제에는 테스트코드를 작성하기전에 난이도를 선택할 수 있다. 브런치별로 나뉘어져있는데, easy, medium, hard가 있다.각각의 특징으로는 easy는 단위 테스트만 작성, medium은 통합테스트 + 단위 테스트, hard는 사실 잘모르겠다. 단위 + 통합 + 무언가 하나 있는데 하나 더 만들어야 hard 기본과제가 통과한다. 참고로 나는 어려워서 medium을 했다....