[졸업학점계산기] 강의 테이블 및 교양 영역 컴포넌트 UI 생성 #651
Conversation
… feat/#633/lecture-list-component
This reverts commit 2c64b22.
Co-authored-by: hyejun <[email protected]>
| <td className="class_title" align="center">{lecture.class_title}</td> | ||
| <td align="center">{lecture.professor}</td> | ||
| <td align="center">{lecture.grades}</td> | ||
| <td className="course_type" align="center">{}</td> | ||
| <td align="center"> |
There was a problem hiding this comment.
className에서 _으로 단어를 구분 짓기보다는 -로 단어를 구분 지어요.
또한 -로 단어를 구분 짓기 때문에 BEM에서 modifier는 --로 구분하는 게 좋을 것 같아요! 다른 부분에서 modifier를 -로 구분 짓고 있더라고요..!
There was a problem hiding this comment.
엇 임의로 값을 표시해두기 위해 적어둔 것인데 삭제하는 것을 깜빡한 것 같습니다..! 수정하였습니다..!
| className={styles.table__trigger} | ||
| onClick={onClickAddLecture} | ||
| > | ||
| 강의 추가하기 |
There was a problem hiding this comment.
시간표 수정하기로 명칭이 바뀌었습니다! 피그마 확인해주시면 좋을 것 같아요!
There was a problem hiding this comment.
수정하였습니다 :)
| <tbody className={styles.table__body}> | ||
| {filteredMyLectures.map((lecture: MyLectureInfo) => ( | ||
| <tr key={lecture.id} className={styles['table__body-row']}> | ||
| <td className="class_title" align="center">{lecture.class_title}</td> |
There was a problem hiding this comment.
피그마 '제작 중'에 나온 명세인데, 과목명 12글자 이상일 경우 말줄임표를 표시하기로 했습니다!
There was a problem hiding this comment.
과목명 최대 10글자, 교수명 최대 4글자로 그 범위 넘어갈 경우 말줄임표를 표시하도록 하였습니다!
| <SemesterList /> | ||
| </div> | ||
| <div className={styles.table}> | ||
| <table className={styles.table__content}> |
There was a problem hiding this comment.
여기 table 코드는 다른 컴포넌트에서도 사용할 것 같아서 table 부분만 컴포넌트화하는 건 어떨까요?
There was a problem hiding this comment.
추가로 스크롤바가 나오면 요소들이 왼쪽으로 밀립니다! 디자이너분과 상의를 해서 스크롤바를 없앨지 위치를 옮길지 정해야될 것 같네요.
There was a problem hiding this comment.
스크롤바를 제거하는 방향으로 반영하였습니다!
What is this PR? 🔍
ScreenShot 📷
✔️ Please check if the PR fulfills these requirements
developbranch unconditionally?main?yarn lint