Apply css to study list

[saseungmin]

🚀 진행 사항

• 스터디 목록 간단하게 꾸미기
• 태그(#) 꾸미기
• 간단한 반응형 styled component 만들기

[hannut91]

벌써 무슨 앱인지 모양이 보이는 것 같아요 ㅎㅎ 마감 일자에 몇일이 남았는지 보여주는건 어떨까요? 사용자가 중요한 스터디에 놓치지 않도록 하기 위해서요 ㅎㅎ

핵심 기능은 아니라서 이번주 안에 결과를 보여주기 위해 시간이 부족하다면 나중에 추가해도 좋을 것 같아요 ㅎㅎ

[hannut91]

색깔 목록을 만들어 놓고 색깔을 사용하신 것 같아요 ㅎㅎ 왜 TagsWrapper의 색깔이 teal[7]인지는 이해하기 어려운 것 같아요. 이 색상이 어떤 이유로 이 색으로 결정되었는지 의미를 드러내주면 좋을 것 같아요. 그래야 다른 곳에서 색깔을 사용할 때 더 좋을 거 같아요.

디자인을 할 때 무분별하게 색깔을 사용하는 것이 아닌 정해진 색깔들을 정의를 하는데 main 색깔 sub색깔 등등을 정하는데
메인 색깔이라던지 혹은 강조 색깔이라던지 더 의미를 드러내면 좋을 것 같아요

[saseungmin]

• 현재 이런식으로 색상 순서대로 되어있는 부분을
  

const palette = {
  tagMain: '#f8f9fa',
  tagHover: '#66d9e8',
  // ...
}

export default palette;

• 이런식으로 각 색상의 의미를 드러내서 사용하라는 말씀이신건가요?? 🤔

[saseungmin]

벌써 무슨 앱인지 모양이 보이는 것 같아요 ㅎㅎ 마감 일자에 몇일이 남았는지 보여주는건 어떨까요? 사용자가 중요한 스터디에 놓치지 않도록 하기 위해서요 ㅎㅎ

핵심 기능은 아니라서 이번주 안에 결과를 보여주기 위해 시간이 부족하다면 나중에 추가해도 좋을 것 같아요 ㅎㅎ

• 이 부분에 있어서는 실시간으로 스터디 상태 변경하게 만들기. #9 와 같이 진행할 예정입니다! 🚀