[토이 프로젝트] QUICK COPY - 시작하기

프로젝트 계기

최근 가족들의 티켓팅을 몇번 도와주며, 반복적으로 폼을 채우는 일이 잦았다.

필요한 인적사항을 미리 메모장에 정리해두고, 때가 됐을 때 누구보다 빠르게 내용을 한 줄씩 복붙하는 것이 관건이었다.

별거 아니지만, 어떤 내용을 클릭이나 단축키만으로 클립보드에 복사하는 프로젝트를 시작해보려고 한다.

 기대 효과 

-  전체 프로젝트 사이클을 경험하고, 정리함으로써 실무에서 기초가 될 지식들을 단단하게 만든다.

- 로컬 환경에 데이터를 저장하고, 불러오는 동작을 익힌다.

- CSS를 빠르게 입힐 수 있는 라이브러리를 탐색하고 적용한다.

- 일단 작게 만드는 훈련의 일환! 완벽한 애플리케이션보다 어찌저찌 재밌게 하나의 애플리케이션을 완성해봄으로써 작은 성공을 경험한다.

 

 기술 Set 

-  React

(2024. 04. 08 기준 프로젝트 흐름)

1. 프로젝트 시작하기 (yarn 세팅, cra) ✔️

2. UI 만들기 ✔️

3. 로컬 환경에서 사용가능하도록 만들기 ✔️

3-1. 로컬에 데이터 저장하기 ✔️

3-2. 저장된 데이터를 화면에 렌더링되도록 연결 ✔️

3-3. 심화 기능 추가 🌀

4. 코드 리팩토링 및 성능 개선 🌀

5. (배포 하고, 사용가능하도록 만들기) 🌀

 

(2024. 04. 17 업데이트)

Main Page (ing)

임시 화면, 프로젝트 소개 페이지로 변경 예정

주제 Page

• UI
• (TODO) 신규 주제 생성

주제 Page (ing)

• UI
• 항목 추가 및 로컬 저장 구현
• (TODO) 주제 입력 및 수정 => 주제 페이지 반영 구현
• (TODO) 항목 수정
• (TODO) 단축키로 복사 구현
• (TODO) 태그 추가 구현

 

GitHub 레포지토리 : https://github.com/namnameeroo/quick-copy

GitHub - namnameeroo/quick-copy: quick copy to clipboard

 

기타 Inbox : TypeScript, Next.Js 마이그레이션