오늘은 React의 useEffect 훅에 대해 공부한 내용을 정리해보려고 합니다. useEffect는 React 함수형 컴포넌트를 관리하기 위해 사용되는 훅입니다.컴포넌트 마운트/언마운트 시: 빈 의존성 배열(\[])을 사용하여 컴포넌트가 마운트될 때 한 번만 코드를

2025년 1월 27일

28.[250203] 리덕스 크악

전역 관리 Goat.

2025년 2월 3일

29.[250204]드디어 페이지가 바뀌네

react-router-dom / styled-components

2025년 2월 4일

30.[250205] 이거 스크롤 저장이 왜 안 되는 거야

간단 구현 찍먹

2025년 2월 5일

31.[250206] 왜 생사람 잡냐?

에러 코드는 잘못 없어... 내가 잘못이지

2025년 2월 6일

32.[250207] 난 코드를 다시 짤 것이다.

좋은 코드들은 무엇일까?

2025년 2월 7일

33.[250210] 전역 상태 관리를 이해하고 직접 사용해보자?

Prop-drilling -> Context API -> Redux Toolkit

2025년 2월 10일

34.[250211] 하하! 리벤지 성공

지난번 도전했던 스크롤 값 저장 기능을 구현했습니다.

2025년 2월 11일

35.[250212] React 팀 프로젝트의 시작

팀 프로젝트의 설계 단계

2025년 2월 12일

36.[250213] 협업 초입이 정말 힘들구나

협업에 익숙해지기

2025년 2월 13일

37.[250214] 협업 참 맛

오늘의 TIL도 협업과 관련된 이야기입니다.로직 개발을 본격적으로 시작하기 전, 페이지 스타일링 작업을 진행했습니다. 이 과정에서 공통 컴포넌트 관리 및 활용 방법을 익혀 적극적으로 적용해 보았습니다. 오늘은 그 경험을 정리해 보려고 합니다.

2025년 2월 14일

38.[250218] 팀 프로젝트 회고

이번 첫 react 팀 프로젝트를 하면서 많은 부분을 배웠습니다.우선 팀원들과 같이 Github으로 협업하기를 배웠습니다.Issue 번호와 PR을 관리하고 서로에게 코드 리뷰를 써주며 더더욱 클린한 코드로 다가서게 되었고 실력 좋으신 우리 팀원분들의 좋은 습관, 기초를

2025년 2월 18일

39.[250219] 리액트 심화 과정 넘어가기

리액트 숙련의 과정을 지나 심화의 과정으로 넘어가기

2025년 2월 19일

40.[250220] 인증이 필요한 페이지

RRD 고급!

2025년 2월 20일

41.[250224] 라이브러리 두 개를 같이 쓰고 싶어? 잘 알고 써야지 그럼🛠️

공식 문서를 열심히 읽자.

2025년 2월 24일

42.[250225] 개인 프로젝트의 끝

오늘 개인 프로젝트가 끝나 그것에 관한 회고를 적어볼까 합니다.이번 프로젝트는 주어진 MBTI 문항을 사용해 검사 페이지를 만들어 json-server에 저장하고 읽어오는 로직을 위주로 제작한 프로젝트였습니다.기존 사용하던 전역 관리 RTK를 벗어나 Zustand를 활

2025년 2월 26일

43.[250226] 두 번째 팀 프로젝트

개인 프로젝트의 종료 후 바로 다음 프로젝트인 아웃소싱 팀 프로젝트에 돌입하였습니다.부트캠프의 이름 처럼 정말 스파르타 그 자체인 것 같아 피곤하긴 하지만 그래도 짧은 시간 안에 능력을 키우려면 어쩔 수 없다 생각하며 팀 프로젝트 시작 기획에 대해 TIL을 적어보는 시

2025년 2월 26일

44.[250227] Tanstack Query의 useInfiniteQuery

오늘은 TanStack Query의 useInfiniteQuery를 정리해본다.스크롤 페이징이 필요한 경우 유용하며, 서버에서 데이터를 “페이지 단위”로 가져올 때 활용할 수 있다.useInfiniteQuery는 일반적인 useQuery와 다르게 “다음 페이지를 가져오

2025년 3월 3일

45.[250228] 아직도 zustand를 안 뜯어봤어?

오늘도 상태관리에 대해서 이야기 해 볼까 합니다.최근 TIL에 상태관리에 대해서만 적어 상태관리 집착증으로 보일지 모르겠으나 상태관리 라이브러리가 예상 외로 재미가 있어 많이 적는 것 같습니다.

2025년 3월 3일

46.[250303] tanstack query의 페이징

많은 정보를 불러올 때에 필수적인 페이지네이션과 무한스크롤

2025년 3월 10일

47.[250304] 커스텀 훅 안에 서버 상태를 넣어보자

커스텀 훅 안에 TanstackQuery를 사용하여 비지니스 로직 완벽 분리!

2025년 3월 10일

48.[250305] 아웃소싱 프로젝트 KPT 회고

out-source-project KPT 회고

2025년 3월 10일

49.[250306] TypeScript의 시작

드디어 타입스크립트

2025년 3월 10일

50.[250307] Next.js , 프레임워크의 시작

Next.js도 시작했습니다!

2025년 3월 10일

51.[250310] Parellel & Intercepting Routes

Next.js 고급 라우팅 기술

2025년 3월 11일

52.[250311] SSG 페이지? 자세히 보자.

SSG 페이지 제작하다가 갑자기 파보고 싶어졌습니다.

2025년 3월 11일

53.[250312]Next.js의 욕심? <Image />

근데 이거 Image태그 많이 쓰면 돈 낸다는 소문이 있던데...

2025년 3월 12일

54.[250313] 넥스트 좀 헷갈리네..?

오늘도 간단한 넥스트 활용에 대해 이야기를 해보겠습니다.오늘은 개인 과제의 어떤 점을 하였고 어디서 조금 힘들었는지 정리하는 시간입니다.현재 진행도는 크게 4가지의 과정으로 나눌 수 있을 것 같습니다.1\. SSG 렌더링을 활용한 페이지 제작2\. ISR 렌더링을 활용

2025년 3월 14일