본문 바로가기

lvup.gg4

[프론트엔드]데이터 시각화-닥지지 리더보드 개선 완성된 분포도 먼저 보기(새 창으로 열립니다) 안녕하세요, 빅픽처 인터랙티브에서 프론트엔드 및 대회 데이터 시각화를 맡고 있는 박성렬입니다.👋🏼 저번에는 dak.gg(이하 닥지지)의 PUBG rating 분포 그래프📈를 개선해 보았습니다. 이번에는 닥지지의 리더보드📊를 개선해 보려고 합니다. 웹 스크레이핑(웹 크롤링) 우선 리더보드에 있는 자료를 가져와서 재활용하기 위해 자료 추출을 시도했습니다. 이 과정을 좀 더 전문적으로는 웹 스크레이핑 또는 웹 크롤링이라고 합니다. 보통은 별도의 API 엔드포인트로부터 자료를 가져옵니다. 이번에는 자료가 서버 사이드 렌더링을 통하여 바로 HTML에 렌더되고 있습니다. 따라서 HTML을 다운로드하고 HTML 내용을 해석하는 과정을 거쳐서 자료를 추출합니다. 제가 자바.. 2021. 9. 28.
객체지향 방법론 고찰 안녕하세요, 빅픽처인터렉티브에서 프론트엔드 개발자로 일하고 있는 최승환입니다. 😀 이번에 책 '객체지향의 사실과 오해 - 조영호'를 읽고 느낀 소감을 공유하고자 글을 작성하게 되었습니다. 내용이 지식 전달의 목적으로 작성되어 있지는 않지만, 다른 사람이 어떤 것을 배우고 느꼈던 과정을 읽는 것만으로도 많은 도움이 되었던 경험이 있어 이러한 소감문을 공유하게 되었습니다. 🙇‍♂️ 시너지를 생각하라, 전체는 부분의 합보다 크다. - 스티븐 코비 (stephen R. Covey) 책의 첫 장은 위와 같은 문장으로 시작된다. 벌써 호기심을 자극하고 재밌는 내용이 펼쳐질 것만 같다. 객체지향 방법론을 처음 접하게 된 건, 대학교 2학년 때 본격적으로 컴퓨터공학 전공과목들을 수강하게 되면서부터였다. 객체지향 패러다.. 2021. 8. 10.
[프론트엔드] Vue build time 최적화 해보기 📌 목차 서론 usedExport 나라 탐방 devtool 무기 획득 webpack-bundle-analyzer 세계 지도 획득 Element-UI 나라와의 전쟁 그리고 패배… Lottie.js 나라와의 전쟁 결론 📌 서론 안녕하세요. 빅픽처에서 종선버를 맡고 있는 최종선이라고 합니다. 🙇 요즘 걸리버 여행기를 너무 재밌게 읽고 있어서 main 프로젝트에서 build 최적화를 시키는데 기승전결의 형식으로 재밌게 풀어나가보려고 합니다. 그럼 재밌게 읽어주세요! (피드백도 너무나 환영합니다. ) 그럼 출발 ! 🚀 📌 usedExport 나라 탐방 💡 사용되지 않는 코드들이 build가 되는 모습을 보았고 나는 그걸 없애고 싶었습니다. 오랜만에 첫 출근을 하여 들뜬 마음으로 build가 된 main.js를 읽.. 2021. 7. 12.
[프론트엔드] 데이터 시각화-분포도 시각화 개선하기 안녕하세요, 빅픽처 인터랙티브에서 프론트엔드 및 대회 데이터 시각화를 맡고 있는 박성렬입니다.👋🏼 최근에 에드워드 터프트(Edward Tufte)의 유명한 저작인 The Visual Display of Quantitative Information(이하 VQ)을 읽고 있습니다. 에드워드 터프트는 통계학자이자 예일대 명예교수로, 위키백과에 별도의 페이지가 있을 정도로 데이터 시각화계에서 상당한 유명인입니다. 터프트의 책 역시 그만큼 데이터 시각화에서 중요한 위치를 가지고 있습니다. VQ는 그 중에서도 핵심적인 생각들을 간추려서 표현하고 있는 저작물입니다. 이번에는 책의 내용을 간단히 리뷰하면서, 책에서 소개된 개념을 바탕으로 dak.gg 게임 통계 사이트에서 제공되는 통계 차트를 개선해 보도록 하겠습니다. .. 2021. 7. 8.