𝙑𝙞𝙨𝙪𝙖𝙡𝙞𝙯𝙖𝙩𝙞𝙤𝙣/ᴛᴀʙʟᴇᴀᴜ

태블로를 활용한 나의 소개 페이지 작성하기 2

콜라맛갈비 2023. 1. 1. 22:47
728x90

태블로를 활용한 나의 소개 페이지 작성하기 1 (tistory.com)

 

태블로를 활용한 나의 소개 페이지 작성하기 1

안녕하세요~ 너무 오랜만에 찾아온,, 나의 블로그 😂 다시 열심히 써보려고 합니다! 전 이번 학기 때 데이터 시각화 과목을 수강했었는데요, 포트폴리오 대시보드를 만드는 걸 마지막 과제로 내

bigdata-ha.tistory.com

2편으로 돌아왔습니다 :)

만점 받아서 A+ 맞았어요!

제가 했던 '나의 소개 페이지' 과제를 기록해보려고 합니다.

 

 

전체적인 대시보드 모습입니다!

개인정보로 인해 블러 처리한 점 양해 부탁드립니다.

 

 

 

* 색상은 이렇게 어두운 남색들과 포인트 핑크색상으로 3가지를 사용했습니다.

 

 

 

* 우선 명함같은 느낌을 주고 싶어서 개인 정보 부분만 배경 색상을 밝은 남색으로 바꿨습니다.

제 사진과 대표 문구를 넣고,

개인 정보와 학력, 컨택 방법, 학점에 대한 정보를 넣었습니다.

 

학교와 학과에 대해 쓰고, 도넛 차트 위에 마우스 오버하면 4.5 만점에 몇 학점을 받았는지 뜨도록 했습니다.

 

사진 아래 아이콘을 클릭하면 해당 제 개인 페이지로 넘어가도록 연결했습니다.

 

 

 

 

* 제 흥미도와 사용 가능한 기술들에 대한 정보를 시각화적으로 표현했습니다.

 

원하는 직무와 관심도에 대해 수치적으로 나타낸 워드클라우드입니다.

 

Skill의 Level 바는 조정이 가능하고 원하는 수치 만큼의 역량이 무엇인지 확인할 수 있습니다.

 

 

 

 

 * 입학 후 한 활동들에 대한 기간별 활동 내역을 시각화로 나타냈습니다.

 

카테고리별로 필터링하여 볼 수 있고, 마우스 오버 시 자세한 활동 내역에 대해 볼 수 있습니다.

 

 

 

 

* 상장내역과 자격증에 대한 정보입니다.

대외 활동과 다르게 기간이 아닌 한 시점이기 때문에 포인트로 나타냈습니다.

 

마찬가지로 카테고리로 필터링이 가능하고, 마우스 오버 시 자세한 정보를 확인할 수 있습니다.

 

 

 

 

 

시험 기간과 겹쳐서 제작 기간이 짧았지만

그래도 그 기간 안에 만족스러운 대시보드를 만든 것 같아 뿌듯합니다!

 

만들어 놓은 대시보드를 바탕으로 더 개선하여 포트폴리오로 사용하여도 좋을 것 같습니다!

 

 

 

728x90