안녕하세요. 오늘도 프론트엔드 분야에서 정진하고 있는 FE 개발자 지망생입니다. 이번 포스팅에서는 지난 프로젝트에서 적용했던, 그리고 개인 사이드 프로젝트에서 적용하고 있는 웹 페이지 동적 분석 도구 hotjar를 알아보고 적용하고 활용한 사례에 대해서 포스팅해보려고 합니다.🙋‍♂️WHY?지난 kiwing 프로젝트에서 저희 팀은 hotjar를 도입했습니다. 그렇다면 우리가 hotjar를 도입한 가장 큰 이유는 무엇이었을까요? 저희가 hotjar를 도입한 가장 큰 이유는 시나리오의 일치입니다. 이번 프로젝트에서 저희는 개발자들의 기능적인 챌린지보다는 실제 사용자가 지속적으로 활용할 수 있는 서비스를 만드는 목표가 있었는데요. 이 목표를 이루기 위해서는 가설 검증이 필요했습니다. 우리가 세웠던 시나리오 가..

이번 프로젝트를 진행하며 한 가지 신경을 썼던 점이라면 바로 비밀번호와 토큰을 암호화하여 저장하는 것이었다. 개인적으로도 그리고 팀적으로도 암호화에 관심이 있었고, 프론트엔드에서도 암호화를 적용하여 조금 더 프로젝트의 완성도를 올려보고 싶었다. 또한 이번 프로젝트에서 사용되었던 API는 다수의 요구사항에 맞춰야 했고 실습의 느낌에 더 가까운 API였기에 백엔드단에서의 암호화에 대한 로직이 전혀 없었고 심지어 특정 API에서는 원본 비밀번호 그대로 응답이 오는 경우도 있었기에 암호화를 적용해야 할 이유가 있다고 판단했다. 여기서 감지한 문제점은 다음과 같다. 첫 번째로 앞서 언급한 것처럼 원본 비밀번호가 노출된다는 것. 두 번째로는 토큰의 만료 시간이 없다는 것이다. 실제 많은 서비스들은 토큰 만료 시간이..

토이 프로젝트, K-age-calculator 프로젝트 사이트 주소 1 : https://korea-age.com/ k-age-calculator korea-age.com 사이트 주소 2 : https://k-age-calculator.vercel.app/ k-age-calculator k-age-calculator.vercel.app 깃허브 주소 : https://github.com/SoJuSo/k-age-calculator GitHub - SoJuSo/k-age-calculator: This project is planned with the purpose of informing foreigners about the Korean age calculat This project is planned with..