FAQ 완성!

컴포넌트로 FAQ를 완성했다. X버튼을 누르면 질문에 대한 답이 보여진다.

 

button에 index와 list의 index를 맞추는 과정을 조금 헤멨는데, 순수하게 id나 class를 입력하지 않고

전체 ul>li의 값을 가져와 target과 일치시키려했었다. 근데 이건 너무 복잡했고, 그냥 button마다 index를 id로 넣어줬다.

 

X버튼도 rotate를 이용해서 + > X > +로 보여지게 만들어야 하는데 일단 꽤 오래 진행했고 지쳐서 마무리했다.

다음 작업부턴 이거 수정하고 진행해야겠다.

 

이제 react로 Front부분을 거의 모두 완성했다. media-query로 작은 display에서 css만 다듬어주면 될 것 같다.

Back-end는 firebase와 같은 library를 쓸지 아니면 한 번 배워봤던 Node.js를 쓸까 고민이다.

 

아예 새로운 Next.js를 해볼까? 요즘 Server-Side-Randering이 유행이라던데...ㅎ 그래도 난 일단 기본에 충실한 게 좋다고 생각한다.

 

오늘은 여기서 마치고 다음에도 빡코딩 해야겠다!