[월간코딩] #1 시작

이걸 왜 할까?

✍️ 써보고 싶은 새로운 기술 스택을 학습하자

• React 함수형 컴포넌트 재학습
• Typescript 학습
• Redux를 사용한 애플리케이션 개발
• Storybook 사용법 익히기

🎀 하나의 제대로 된 포트폴리오를 만들자

• 코드로만 존재하는 포트폴리오는 그만
• Web에서 직접 확인할 수 있는 포트폴리오를 준비하자.

🎮 취업용 포트폴리오를 만들자

• Api 통신에 대한 숙련도를 보여주자
• Typescript의 사용 경험을 보여주자.
• 다양한 viewport를 지원하는 반응형 웹사이트를 만들자.
• 자료구조에 대한 관심도를 보여주자.
• UI/UX와 문서화에 결과물을 만들자.
• READEME를 잘 작성하자

😸 웃으면서 만들자!

😍 Good

• 천천히, 꾸준히, 즐겁게
• 하나라도 제대로

😡 Bad

• 빨리, 억지로
• 일단 돌아가니깐 괜찮아

무엇을 만들려고?

• 내가 예전에 많이 쓰던 메모 web App을 따라 만들어 볼꺼야 https://workflowy.com

계획은 있어?

Device

• PC, Mobile

Skill

• react
• styled-components
• typescript
• axios
• react-query
• redux
• react-router-dom
• gh-pages
• storybook

Feature

step1

• CRUD memo
• Loading & Skeleton UI
• Lignt or Dark

step2

• Drag & Drop
• Sign-up/in

step3

• Meta, OG tag
• Share
• Image Upload

일단 가볍게 이 정도만 생각하고 시작하자.