공통 컴포넌트 프로그래스 바 개발

[klmhyeonwoo]

공통 컴포넌트 프로그래스 바 개발

---

🏄🏼‍♂️‍ Summary (요약)

• 공통 컴포넌트 프로그래스 바 개발

🫨 Describe your Change (변경사항)

• 공통 컴포넌트 프로그래스 바 개발

🧐 Issue number and link (참고)

• src/app/test/Staging.tsx
• src/component/ProgressBar/ProgressBar.tsx

📚 Reference (참조)

• 해당 컴포넌트는 현재 페이지인 curPage와 lastPage를 props로 받고 있어요,
  현재 페이지에 따라 프로그래스 바가 올라가는 형태로 제공이 되고 있습니다.

const [page, setPage] = useState(0);

/** 변경되는 page 상태 값에 따라 프로그래스 파란색 바가 올라감 */
<ProgressBar curPage={page} lastPage={10}/>

• 개발 환경에서 디자이너분들도 디자인 하시면서 직접 체험해보시면 좋을 것 같다는 생각이 들어서
  프로그래스 바를 체험할 수 있는 예제 페이지를 임시로 만들어보았어요
• 해당 페이지는 공유 후 삭제될 페이지입니다!

2024-07-06.9.54.02.mov

[sean2337]

코드 잘봤습니다~ 역시 현우님!! 최고 🔥🔥 무언가 잘못된걸 찾고 싶지만 못찾겠네요...

[leeminhee119]

고생하셨습니다 !!

[leeminhee119]

👍👍 감사합니다 !!