👣 Dev log Molecules 생성 (2020.09.21)

오늘의 목표 & 오늘 한 일

• Atoms component에서 잘못된 부분 (버그) 수정
• Molecules/Items.js 완성
• Molecules/Info.js 완성
• Molecules/GraveStone.js 완성
• Molecules/FullTextField.js 완성
• Molecules/SingleTextFieldSentence.js 완성
• Molecules/MultiTextFieldSentence.js 완성

공유할 내용

1. GraveStone.js

• Q) 묘비에서 'OOO' 부분이 TextField(입력 가능하게) 인지?
• A) Span으로 자신의 이름

2. 전체적인 플로우

레이아웃 구현 - 스타일 적용 - 상태 관리 적용 - 애니메이션 적용

• 레이아웃 구현
  • Organisms 구현
    • D_Question
    • ItemBox
    • ResponseSection
  • Template 구현
    • Template1
    • Template2
    • Template3
• 스타일 적용
  • 스타일링 분석 (Props로 받을 attributes)
  • 레이아웃 구현 했던 순서대로 Atoms→ ...
• 상태 관리 적용
  • 시스템 모델링
• 애니메이션 적용

오늘 배운 내용

• Atoms/TextField.js에서 Error 발생

  
  
  https://likejirak.tistory.com/210 참고하여 해결 ⇒ 태그에서는 children을 사용할 수 없다는 것이 주요 포인트