기사 상세 페이지 _ 기사 작성자 컴포넌트 생성하기

[zwonlala]

기사 상세 페이지의 제일 끝에 나오는 '기사 작성자' 컴포넌트를 구현한다

고려해야 할 사항

• 이름, 썸네일, 직책(소속), 한마디? 를 보여줄 수 있어야 한다
  • 직책의 경우 시간이 지나 User의 직책이 강등? 되어도 cascade 되지 않고, 등록 당시의 직책으로 그대로 유지되어야 한다
  • 썸네일 같은 경우, 사용자가 설정하지 않은 경우 디폴트 뷰를 보여줘야 한다
• 컴타임즈의 경우 '기사 취재 및 작성', '사진 촬영', '편집' 섹션으로 나뉘어 있다.
  • api에서 해당 데이터에 대한 내용으로 UserMeta 라는 걸 생각 중이었다 참고
  • 이런 구조는 신문사와 비슷한 폼이라 생각되어 일반적인 신문 사이트를 보았으나
  • 그냥 문자열로 이름과 메일만 명시하거나
  • 기사 작성자 만 나타냄
• 해당 컴포넌트를 클릭하면 해당 기자가 작성한 다른 기사 리스트를 볼 수 있는 페이지로 이동하는 기능이나 버튼을 많이 사용함

---

고민해야 할 사항 🤔

• 사진 출처 부분은 어떻게 보여질 것인가...? 🤔
  • -> 지금 든 생각은 일단 기사 작성자 컴포넌트 만들고
  • 해당 컴포넌트 children 으로 가지는 "사진 출처 + 기사 취재 작성/사진 촬영/편집" 컴포넌트를 만드는 것

[zwonlala]

참고할 뷰들

1.컴타임즈

• plain text
• '기사 취재 및 작성', '사진 촬영', '편집'
• 직책? 역할?, 이름, 이메일 순서대로 명시됨

2. 숭대시보

• 기사 작성자 컴포넌트
  • 썸네일, 이름, 이메일, 다른 기사 버튼 으로 구성
  • 썸네일 : 아무런 이벤트 없음
  • 이름 : 아무런 event 없음
  • 이메일: click 이벤트시 메일 앱 열림
  • 다른 기사 버튼 : click 이벤트시 해당 기자가 작성한 기사 목록 페이지 화면 보임

[zwonlala]

3. 네이버 기술 블로그 D2

• 기사 작성자 컴포넌트
  • 썸네일, 이름, 소속, 한줄 소개, 글쓴이의 다른 글 보기 버튼으로 구성
  • 썸네일, 이름, 소속, 한줄 소개 : 아무런 이벤트 없음. \

    , \

    , \

    태그 사용하여 구현됨

  • 글쓴이의 다른 글 보기 : click 이벤트시 해당 기자가 작성한 기사 목록 페이지 화면 보임
• 글쓴이들간의 계층?이 존재하지 않아 가능한 뷰 인것 같음
• 저자가 두명 이상인 경우도 있음

4. 카카오 개발 블로그

• 기사 작성자 컴포넌트
  • 썸네일, 필명? 팀네임?, 한줄 소개로 구성되어 있음
  • 어느 곳이든 클릭하면 해당 글 작성자 상세 페이지로 이동 (하지만 썸네일만 호버시 커서 처리됨)
  • 반응형 처리되어 일정 길이 이하면 ... 처리됨

5. 조선일보

• 기사 작성자 컴포넌트

.

.

[zwonlala]

https://www.chosun.com/politics/politics_general/2021/11/12/ULV3SKRZ3NFZFN4JCKC2QAPPKI/