# 크리에이터센터 기획안

멀티스텝 6개 -> 3개 축약

- 기본정보, 제목 및 커버, 소개 멀티스텝 최소화처리
- 폼데이터 부분 정리 ( 이미지 업로드 )

# 컴포넌트 분리 작업

크리에이터 센터 페이지는 클래스 101 페이지의 연결고리 사이트같아서, Header / Footer이 별도로 있어, 컴포넌트 분리작업을 사이트를 만든다는 느낌으로 초기 분리하였다.

# 레이아웃

[ index.js ]

[ Header.js ]

styled-components 를 통한 레이아웃 Header작업시 자동완성 기능이 없는 것을 발견하여,
편리함을 위해 확장자를 찾아 적용하였다.

확장 프로그램 설치 : vscode-styled-components

[ 자동완성 완료 ]

---

# styled-component: styled-reset

scss에서 사용한 common.scss & reset.scss 또한 styled-component로 변경하여 컴포넌트에 사용할 수 있다.

확장 프로그램 설치 : npm install --save styled-components styled-reset

[ index.js ]

💡 GlobalStyle : reset.scss
💡 Theme : common.scss

---

styled-components 세션전에 적응해보려고 미리 해보는 중인데, 어색어색하지만, 느낌이 scss와 매우 흡사하여, 컴포넌트 재사용시 스타일 변경때 유용하게 쓰일거같아서 좋은거 같다.