달과 함께하는 IT

간단한 소개 시연 영상 내가 맡은 역할 Pages 메인 페이지 관리자 페이지 마켓 관련 페이지 Core Axios의 기본 협업 세팅 (사용하기 편한 커스터마이징) Vercel 배포 & 연동을 통한 자동 테스팅 및 개발 + 상업 페이지 분리 Next.js의 SSG와 ISR을 활용한 렌더링 개선 (메인, 관리자는 ISR로 갱신주기를 짧게 , 업체는 변동이 적어 길게) 스켈레톤 UI 및 로딩 시 UX 개선 메인 페이지의 전반적인 기능 개발 (해더 , 뒤로가기해더 , 지역선택 컴포넌트, 아이콘 및 사이즈 세팅) 관리자 페이지의 전반적인 기능 개발 (3개의 페이지 텝에 맞는 공용 컴포넌트 + 버튼컴포넌트) 마켓 정보조회를 위한 전반적인 기능 개발 (카카오 맵 연동) 5차례에 걸친 중간 리팩토링을 통해 코드개선 및..

이번 프로젝트에서 나는 이번 프로젝트에서 내가 맡은 역할은 이전부터 해보고 싶었던 회원가입 그리고 로그인과 인증 또한 그 이외에 하나의 페이지를 잘 만들어보고 싶었다 😁 Liked 좋았던 것, 잘한 것 로그인 로그아웃 페이지를 만들어보았다 사용자 정보 페이지를 만들어보았다 인증절차를 진행하며 토큰에 대해 조금 더 이해할 수 있었다 거의 일정에 맞게 진행하였다 자신의 코드를 1회이상 리팩토링 하였다 Learned 배운 것 타입스크립트를 Any 없이 사용해 볼 수 있었다 Axios의 instance 기능을 활용해 헤더나 주소에 정보를 담는 등의 경험이 가능했다 Next.js의 API 라우터 기능을 경험해 볼 수 있었다 토큰을 활용하여 로그인과 인증 & 인가 절차를 진행해 볼 수 있었다 React-Query ..

뽀모 서비스 소개 🍅 뽀모 = 뽀모도로 ⏰ + 커뮤니티 👥 관심사가 비슷한 사람들끼리 모여 소통하며, 뽀모도로 기법을 통해 집중할 수 있는 환경을 제공하는 웹 사이트 기획 배경 ⏰ 뽀모도로 기법 시간관리 기법 중 하나로, 작업의 효율을 높이기 위해 25분 집중시간을 가지고 5분 휴식을 반복합니다. 많은 사람들이 집중이 필요할 때 효율적으로 시간을 관리하기 위해 사용하고 있습니다. 대중적으로는 50분의 집중시간, 10분의 휴식시간을 가지는 방법이 많이 사용됩니다. 👥 (학습)커뮤니티 온라인으로 함께 모여 공부하는 문화가 많은 사람들 사이에 자리 잡았습니다. ex) 모각코, 모각공, 열품타, 웨일온 스터디 등 핵심 기능 🧐 함께 모여.. 뽀모도로하는 서비스가 있으면 좋겠는걸..? 🎯 집중 시간에는 다른 사람..

새해 근황 및 잡담 원래 매주 WIL을 작성했지만 과정상의 이유로 거의 3주 만에 글을 쓴다 😅 기간 중 거의 적을 내용이 과제 혹은 공부한 강의 중심이었는데 과제가 한동안 쉬게 되고 강의, 궁금한 강의, 강의 이런 식으로 진행되게 되어 쓸 내용이 적어져서 한동안 적지 않았다 😂 일단 새해 계획으로는 1차 프로젝트 -> 일본 여행 -> 2차 프로젝트까지는 딱히 추가적인 계획이나 토이 프로젝트를 기획하지 않고 있다. 작성하게 될 글도 일단 WIL은 프로그래머스가 끝난 이후로 미루고 1차 프로젝트 후기 , 2차 프로젝트 후기 이렇게 2개의 글을 다듬어서 올릴 예정이다. 프로그래머스 중간 후기 (22/10/14 ~ 23/1/4 2달 3주) 과정 자체는 역시 KDT 중에서는 가장 훌룡하다고 생각된다. 장점 거의..

📌 과제 설명 배포 페이지 최종 완성된 디렉토리 루트 최종 플로우 차트 작동 Sample 첫 이미지 메인 루트에서 주소이동 클릭한 게시글 굵은 글씨 전환 마우스 호버시 굵은 태두리 + 추가 삭제 버튼 왼쪽 화살표 클릭 시 하위 문서 추가 간단한 에디터 (굵기 기울기 언더바등) Debounce를 통해 api 갱신은 1초에 한번 두번째 이미지 유저 이름 클릭 시 이름변경 , 주소변경 , 자동 페이지 변경 새 페이지 클릭 시 자동으로 게시글 추가 + 주소변경 세번째 이미지 통신이 정상적으로 되면 작성중인 데이터 (localStorage에 저장중)이 삭제 비정상적인 접속 종료가 되면 다음에 해당 문서 조회 시 갱신할꺼냐고 물어봄 History Api를 통해 뒤로가기 등이 가능 👩‍💻 요구 사항과 구현 내용 Co..