작업 내용

2022년 9월 18일 작업내용

2022년 9월 18일

디자인 패턴 정하기

• Atomic Design Pattern 사용하기
• 스타일 파일은 emotion.sh 사용하기
• 스타일 코드는 해당 컴포넌트와 같은 파일에 선언하기

레포지토리 새로 만들기

• Next.js -> React 라이브러리 바꾸기
• Why? 불필요한 기능 복잡성 + 작은 커뮤니티
• 소스 코드를 변경하는 것이 아닌 CRA로 새로운 레포지토리를 만들기

Rules

• 디렉토리명은 소문자로 시작, 명사 한 단어로 끝내기
• JSX문법을 포함한 파일은 대문자로 시작, 카멜케이스
• 최상위 함수는 함수선언, 그 외에는 arrow function으로 작성
• 변수명은 camelCase, 단 상수는 UPPER_CASE로 작성

References 카카오FE
토스트UI

2022년 9월 21일 작업내용

2022년 9월 21일

Atom

• Text 아톰 같이 만들기
• Button , Tag , Image , Input , Link , Select 만들어오기