[Instagram-Clone] 로그인/가입 화면 기획

2023-01-08 PM 01:20

 

---

로그인 화면 기획

 

 

로그인 화면 기획 (피그마)

 

가입하기를 누르면 제자리에서 옆 이미지와 Input만 늘어난다

 

Login컴포넌트와 SIgn Up 컴포넌트로 나눠야 할 것 같다.

 

 

---

Components 파일 구조

 

 

기본 적인 파일 구조는 이렇게 가져가야 할 것 같다 (●'◡'●)! 

라고 말하는 순간 나의 머릿속에 한가지 섬뜩한 생각이 스쳐 지나간다

 

"Style은 어디에 저장 하지 (＃°Д°)?"

 

1. Module.css 를 사용하여 컴포넌트 각각에 파일을 추가하여 관리한다

 

2. Page 폴더에서 한 번에 관리한다  

 

3. Molecules에서 각각 단위의 Layout 마다 관리하기 

 

4. Organisms 폴더에서 각 폴더마다 관리한다

 

 

3번으로 결정했다