실제로 적용해보기 3 기대 효과 4 아토믹 디자인이란 2 아토믹 패턴이란? / 1. Atom Atom 원자 2. HTML 태그 - Button - input ( text, radio, checkbox, ) - label - BUTTON Assistive text Input text
실제로 적용해보기 3 기대 효과 4 아토믹 디자인이란 2 중간 translate component 녹음버튼 사운드 버튼 복사 버튼 편집 버튼 공유 버튼 전환 버튼 Like checkbox TextareaWithDelete tabs / baisc 실제로 적용해보기 / 1. 컴포넌트 쪼개기
실제로 적용해보기 3 기대 효과 4 아토믹 디자인이란 2 실제로 적용해보기 / 2. 컴포넌트 구조 정의하기 Organisms 1.Translate - Before - After - Header - Footer - subButtons 2. GNB Templates 1.Translate Pages 1.Translate