마지막 프로젝트에서 결국 공통 UI컴포넌트를 위해 storybook을 사용하였습니다.Storybook은 컴포넌트를 애플리케이션과 분리하여 독립적으로 개발할 수 있도록 도와주고, 프로젝트를 실행하지 않아도 Storybook 내에서 컴포넌트 상태를 다양한 시나리오로 테스트

toDays 함수: 날짜를 연도, 월, 일로 나누고 이를 일 단위로 변환하는 함수이다. 연도는 12개월, 한 달은 28일로 계산한다. 예를 들어, 1년은 12 \* 28일로 처리된다. 이 함수는 2022.05.19 같은 날짜를 단순히 일수로 바꿔서 계산할 수 있게 해준

✨ 옹알이 (2) 나의 풀이 다른사람의 풀이

ex) ex) 이번 PR에서 작업한 내용을 간략히 설명해주세요(이미지 첨부 가능)리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요ex) 메서드 XXX의 이름을 더 잘 짓고 싶은데 혹시 좋은 명칭이 있을까요?

✨ 바탕화면 정리 나의 풀이 다른사람의 풀이

mbti페이지를 만들 때 사용 했던 로직과 비슷하게 풀이 함

next-theme 설치 후 provider 전역 적용 후 난 에러 전체 파일을 다 뒤져서 검사 하던 중, root layout.tsx 파일의 파일에 suppressHydrationWarning 적용 shadcn의 가이드를 제대로 읽어 보지 않아 생긴 에러 참고 : h

로그인/로그아웃으로 버튼 컴포넌트를 바꾸면서 처리했던 에러 작성새로고침 시 Hydration failed because the initial UI does not match what was rendered on the server 오류로 서버에서 렌더링된 HTML과 클

Next.js와 Riot API를 활용하여 리그 오브 레전드의 챔피언 정보를 조회하고 무료 챔피언 로테이션 등을 제공하는 웹 애플리케이션 이 프로젝트는 Next.js와 TypeScript를 사용하여 개발되었으며, 사용자가 리그 오브 레전드와 관련된 정보를 쉽게 얻을 수

typeScript App.tsx

서버에서 렌더링된 HTML과 클라이언트에서 다시 렌더링된 HTML이 일치하지 않는 Hydration 오류 중 하나Next.js 프로젝트에서 서버사이드 렌더링(SSR) 또는 정적 사이트 생성(SSG)과 클라이언트 측 Hydration 과정에서 일관성이 맞지 않을 때 발생

ㅎ

https://www.locatorjs.com/

개인 MBTI 검사 페이지 만들기 세번째vercel.json 페이지 생성\-루트 디렉토리에 저장rewrites 설정은 사용자가 특정 경로로 접근할 때 해당 경로를 다른 경로로 매핑하는 규칙을 정의source 모든 경로에 대해 (/(.\*)) 리다이렉션 규칙을 적용des

개인 MBTI 검사 페이지 만들기 두번째프로필 변경원본 코드처음 닉네임을 가입 데이터에서 받아 로컬스토리지에 저장하고 닉네임을 바꾸는 로직을 완성 한뒤 테스트를 해보니 바로 바뀌어서 들어가지 않는 상황이 발생했다. 게다가 state로 관리하다 보니 전역에서 사용하는데에

개인 MBTI 검사 페이지 만들기 시작!...아마도?회원가입원본 코드로그인 시 새로고침을 하면 로그인이 풀리는 이슈가 발생하였다!!!!처음부터 주스탄드로 하려고 한 오만인 것.. 같다.일단, 사용자 저장 함수에 getItem을 써버린 것이 아마 졸면서 코딩을 했나보다.

✨ 숫자 짝궁 나의 풀이 다른사람의 풀이

첫 supabase연동 CRUD 페이지가 완성되었다. 이번 팀 프로젝트로 배운것이 너무 많아 KTP회고를 시작하겠다 짤뉴스피드 사이트 구경가기!기간 내에 프로젝트를 완수 한 것prop와 공통 레이아웃 처리를 위한 분류, UI 통일화, 시맨틱 태그 적극 사용소셜 로그

2024 파리 올림픽에서 각 나라가 획득한 메달 수를 추적하는 Olympic Medal Tracker 만들기2024.08.10~ 2024.08.14sass, react시맨틱 태그 활용레이아웃 최대 넓이는 1200px, 최소 넓이는 800px 로 제한, 가운데 정렬나라