3주차 고정 과제 : 나만의 블로그 만들기

[eohneey]

✨어떤 과제를 수행했나요?✨

• 3주차 고정과제 : 나만의 블로그 만들기
• 3주차 고정과제 : 프로젝트 기본 세팅

✨어려웠던점, 트러블슈팅✨

• 대부분의 기능 구현을 GPT의 도움을 받아 해결했습니다..ㅜㅜ
• 모든 문법 개념이 아직 잘 정립되지 않았음을 체감했습니다,,

🤔 PR Point

• 컴포넌트 구성 배치를 어떻게 하면 좀 더 깔끔하게, 그리고 유지보수 측면에서 효율적일지 고민해보고 싶습니다
• prettier랑 eslint는 확장 프로그램을 설치했는데, husky는 적용을 못해봤습니다
• 맨땅에 헤딩하는 식으로 공부할 땐, 어떤 식으로 실력을 쌓아가야할지 조금 막막합니다 AI의 도움을 받자니, 스스로 코드를 작성하는 능력이 길러지지 않는 듯 하고, 스스로 코드를 작성하려니 아무것도 몰라서 한 줄도 쓰기 어렵습니다,,,

[hyun907]

미니 블로그 과제까지 고생하셨습니다!
전체적으로 React 기본기도 잘 잡혀 있고, 컴포넌트랑 스타일 분리도 깔끔한 것 같아요!

---

PR 포인트에 대해 설명드리자면,

1. 컴포넌트 분리와 유지보수 관련한 점:
   프론트엔드 개발자로, 컴포넌트 분리와 유지보수 고려하는 건 정말 중요한 일이에요!

• 하나의 컴포넌트가 하나의 역할만 맡게 피처를 나눈다거나
• 상태와 스타일, 이벤트 처리를 컴포넌트 내부로 숨긴다거나
• 기능 단위, 역할 단위 중 하나로 일관되게 구조화한다거나
  다양한 방법이 있을 것 같아요!

처음에는 "내가 어떻게 나누면 다른 사람들이 보기에 편할까?" 라는 질문에 답을 하듯 코드를 작성해보세요!
그 후에 어느정도 감이 잡히면, 본인 관심사에 맞게 아티클도 읽어보고 직접 작성해보는 연습을 하면 좋을 것 같아요!

2. husky 관련한 점:

yarn install -D husky 
npx husky init

해당 명령어 실행 후, 적용해보시고 안 되시면 다시 연락 주세요!
참고로 허스키는 .git 이 있는 Git 저장소 루트 위치에서 실행해야 동작한다고 합니다!

참고: https://velog.io/@seesaw/%EA%B0%9C%EB%B0%9C-%EC%83%9D%EC%82%B0%EC%84%B1%EC%9D%84-%EB%86%92%EC%9D%B4%EB%8A%94-Husky-%EB%8F%84%EA%B5%AC-%ED%99%9C%EC%9A%A9%EB%B2%95-wuwqli2l

3. AI 관련한 점:
   AI를 쓸 땐 ‘설명자’로 써야지, ‘코드 작성해줘’로 쓰는 건 저는 비추천합니다.
   예시 – 나쁜 질문: “이거 코드 짜줘”
   예시 – 좋은 질문: “이거 내가 이렇게 짰는데 왜 안 되지?”, “for문 안에 이 조건이 왜 필요한지 설명해줘”
   → 본인이 생각한 대로 먼저 적고, 그다음 AI에게 검토나 설명을 요청해야 사고력과 구현력이 함께 늘 수 있습니다. 저도 실제로 먼저 생각한 다음, 안 된다면 그 다음에 구체적으로 도움을 요청하는 편입니다!

[hyun907]

적절한 피드백 (빈 목록 메시지) 처리 디테일 좋습니다!

[hyun907]

지금은 스터디 프로젝트라 괜찮지만,
코멘트가 없을 경우에만 얼리 리턴보다는
실제 서비스를 개발 하신다면, 이렇게 사용자에게 피드백 주는 방식도 좋은 것 같아요!

Suggested change

	if (!comment) return;
	if (!title.trim() || !content.trim()) {
	alert('제목과 내용을 모두 입력해주세요!');
	return;
	}