나만의 아고라 스테이츠 만들기

컴포넌트

• 하나의 기능 구현을 위한 여러 종류의 코드 묶음
• 디자이너나 PM에게는 “하나의 역할을 하기 위해 모은 디자인 요소”가 UI 컴포넌트
• “하나의 역할을 하기 위해 모인 무언가의 집합”

아고라스테이츠의 컴포넌트 분류

• 각각의 Discussion을 묶은 컨테이너인 Discussions가 하나의 컴포넌트
• Discussions 내부에 있는 각각의 Discussion들 또한 하나의 컴포넌트

Discussion 만들기

• 목업 만들기
• class명은 각 요소의 역할과 기능이 표현되도록 작성하는 것이 좋음

디스커션 나열하기

• 하드코딩(비효율적)
• 반복문 사용(DOM을 활용하여 조작)

---

완성작

배포 링크

https://yeeendy.github.io/fe-sprint-my-agora-states/

My Agora States

 

구현해보고 싶은 기능

• 답변 창 만들기
• 페이지네이션
• LocalStorage
• 상단 버튼 기능

---

Bare minimum 과제 해결하는 것도 벅차서 원하는 만큼의 결과물은 안 나왔다.

이 과제도 도움없이 혼자 다시 하라고 한다면 힘들어할 듯 싶다.

 

목표

• 도움없이 혼자 구현해보기
• 구현해보고 싶은 기능 구현해내기