haerhee/impm

todo목록으로 프로젝트 관리를 할 수 있는 프로젝트 관리를 할 수 있는 todo 서비스 입니다.

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

imPM

impm's Issues

[Feat] - queryKey 변수로 관리

📕 Issue Feature
queryKey 변수로 관리

🧾Todo

• queryKey 변수로 관리

[Feat] - SSR 방식에서 create 제거

📕 Issue Feature
SSR 방식에서 create 제거

🧾Todo

• SSR 방식에서 create 제거

[chore] - 안 쓰는 코드 삭제 및 주석 제거

📕 Issue Feature
안 쓰는 코드 삭제 및 주석 제거

🧾Todo

• 안 쓰는 코드 삭제 및 주석 제거

[Style] - todos, todo, about, report 배치 css

📕 Issue Feature
todos, todo, about, report 배치 css

🧾Todo

• todos, todo, about, report 배치 css

[Feat] - script 명령어 추가 - "json"

📕 Issue Feature
script 명령어 추가 - "json"

🧾Todo

• script 명령어 추가 - "json"

[style] - components/todo.tsx - daisy Ui - 버튼 커스텀

📕 Issue Feature
components/todo.tsx - daisy Ui - 버튼 커스텀

🧾Todo

• daisy Ui - 버튼 커스텀

[Feat] - routes 재설정 및 동적 라우팅 추가

📕 Issue Feature
routes 재설정 및 동적 라우팅 추가

🧾Todo

• routes 재설정 및 동적 라우팅 추가

[Next.js] 개인과제 피드백 - 김병연 튜터

해리님, 안녕하세요.

우와..Issues와 PR을 적극적으로 활용하셨네요. 일찍이 사용에 익숙해지시면, 협업에 도움이 많이 될 것 같아요. 여러 시행착오를 겪어보면서 조금씩 해리님만의 컨벤션을 만들어보세요..!

NPM 스크립트

https://github.com/r03181231/imPM/blob/39018bb03b3339cf3c64aef002f0aa4d6a58ef75/package.json#L10

이렇게 자주 사용하는 스크립트를 등록해 두면, 편리할 뿐만 아니라 해당 프로젝트에 참여하는 모든 개발자들도 쉽게 실행할 수 있어요. 좋네요. 👍

환경변수

.env 파일이 ignore 되어 있어서 직접 설정해 주어야 했어요. 보안에 관련된 값은 없기 때문에 그냥 올리거나, README.md 파일에 작성해두면 좋을 것 같아요.

개발흔적

https://github.com/r03181231/imPM/blob/39018bb03b3339cf3c64aef002f0aa4d6a58ef75/src/mutation/mutationFn.ts#L19-L21

나중에 기술과제를 제출할 때는 개발하다 미처 지우지 못한 console.log()가 있는지 꼭 확인을 해주세요. 감점 요인이 될 수 있어요..! 물론, 평소에도 주의를 해주는 게 좋아요.

목적에 맞는 태그 사용

해당 구조에 ul 태그나 span 태그가 필요 했을까요? 웹 UI 개발 시, 태그의 뎁스는 최소화하는 것이 좋아요.

커스텀 훅으로 만들어보기

탠스택 쿼리로 로직을 잘 작성해 주셨어요. 그럼 이제 커스텀 훅으로 한번 감싸서 사용해보는 것은 어떨까요? 탠스택 쿼리 메인테이너가 권장하는 방법인 만큼, 리팩토링을 해보시면 코드가 훨씬 깔끔해지고, 유지보수성이 좋아질 거에요. 아래의 글을 참고해서 queries와 mutations 폴더로 나누어 커스텀훅을 작성해 보세요. :)

• https://highjoon-dev.vercel.app/blogs/1-practical-react-query

---

이번 과제도 고생하셨습니다! 👏

[Feat] - SSR 방식에서 headers제거

📕 Issue Feature
SSR 방식에서 headers제거

🧾Todo

• SSR 방식에서 headers제거

[Init] - 초기 세팅

📕 Issue Feature
초기 세팅

🧾Todo

• 애플리케이션 전역에서 사용할 내비게이션
• react-query 세팅
• json-server 세팅
• 백엔드를 구축
  • app > api > company > route.ts
  • app > api > todos > route.ts
• about, report, todos CSR, todos SSR 페이지 구축

[feat] - components/todo.tsx 최상위 부모태그 변경 article=> section

📕 Issue Feature
src/components/todo.tsx 최상위 부모태그 변경 article=> section

🧾Todo

• src/components/todo.tsx 최상위 부모태그 변경 article=> section

Feat : 커뮤니티 상세 페이지 - 조회 - dompurify - window시점 캐치

📕 Issue Feature
커뮤니티 상세 페이지 - 조회 - dompurify - window시점 캐치

🧾Todo

• 조회 - dompurify - window시점 캐치