Frontend

HTML5는 데이터를 클라이언트에 저장할 수 있는 web storage를 제공한다. 이전에는 쿠키에 데이터를 저장해지만 쿠키의 단점을 극복할 개선점들이 담겨있다.key-value형태로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다.그리고 크게 local s

회사에서 다음 프로젝트를 들어가기 전까지 여유시간이 생기면서 어떤걸 공부하지? 고민에 빠졌다. 회사의 서비스에는 차트가 많이 사용되는 만큼 빈 시간을 통해 '직접 SVG를 활용해서 차트를 구현하면 좋지 않을까' 생각하게 되었다. 여러 차트중 적은 데이터로 쉽게 나타낼

핵심 단어를 시각화하는 기법이다. 예를 들면 많이 언급될수록 단어를 크게 표현해 한눈에 들어올 수 있게 하는 기법이다.주로 워드 클라우드는 라이브러리를 활용하여 쉽게 자신이 원하는 형태를 얻을 수 있다. reat-wordcloud가 대표적인 예시를 볼 수 있다. 라이브

데이터 시각화를 하다보면 벤다이어그램이 쓰이는 경우가 생긴다. 그중 3개의 타겟을 가진 벤다이어그램을 그려보자.사진과 같은 3개의 원을 그리기 위해서는 역정삼각형을 그려야한다. 각 꼭지점을 중심으로 같은 크기의 원을 3개 그리면된다.밑변의 2점을 구하는건 쉽지만 꼭지점

Yalco님의 강의를 기반으로 실습을 진행했습니다.models/index.js먼저 mongoDB에 가입하여 자신의 클러스터를 만들고 데이터베이스를 만든다. index.js만약 db가 잘 연결되었다면 MongoDB Connected 라는 메시지가 terminal에 뜰것이

2022년이 끝나고 새해가 시작하면서 회사에서 2022년 데이터를 분석한 랜드스케이프 개발 요청이 들어왔다. 2021년 7월에 입사해 1년 6개월이 지난 시점에서 팀장님께서 혼자 개발을 진행해보라고 하셨다. 많이 배우고 있지만 스스로 개발했다라고 말할 포트폴리오가 부족

다양한 관점에서 개발한 워드클라우드를 분석하고 개선한 여정에 함께하겠습니까?

디자이너 제안으로 시작한 하나뿐인 네이밍 서포트 Tool 개발기 - FE편 (개발, docker-network)

디자이너 제안으로 시작한 하나뿐인 네이밍 서포트 Tool 개발기 - FE편 (개발, docker-network)

디자이너 제안으로 시작한 하나뿐인 네이밍 서포트 Tool 개발기 - FE편 (개발, docker-network)