August 03, 2023
면접 질문 단골이자 작성자도 질문을 받아본 (하지만 오답+그지같은 대답을 한) 브라우저 저장소에 대해서 알려보려고 합니다. 😭 왜 브라우저 저장소가 필요하나요? 사용자가 웹사이트를 편리하게 사용할 수 있게 하기 위해 필요합니다. 예를 들어 사용자가 우리의 웹사이트에서 로그인을 하였습니다. 그리고 다른 페이지로 이동을 했습니다. 이 때 다시 통신을 하겠죠.…
August 01, 2023
지난 편에는 MobX Core 개념에 대해 다루어 보았습니다. 이제는 React에서 어떻게 사용할 수 있는지에 대해 알아보도록 하겠습니다. 자세한 내용은 공식문서 - MobX and React를 참조하시기 바랍니다. ✅ 과제 코드가 외부에 공개될 수도 있으므로 공식문서에 나온 예제로 예시를 보여드립니다. ✅ 해당 예제는 MobX 6 버전을 기반으로 작성되…
July 31, 2023
이번에 면접 과제를 진행하면서 MobX를 처음 써보았습니다. MobX 공식문서와 유튜브 강의를 보면서 구현해 보았는데 과연 내가 제대로 사용하는가가 궁금해졌습니다. 그래서 다시 공식문서를 보면서 복기하고 리팩토링을 해보려고 합니다. ✅ 과제 코드가 외부에 공개될 수도 있으므로 공식문서에 나온 예제로 예시를 보여드립니다. ✅ 해당 예제는 MobX 6 버전을…
May 14, 2023
개요 카카오 Map API를 이용하여 사용자가 입력한 출발지, 목적지를 표시하고, 경로를 표시하는 기능을 구현하려고 합니다. 모델 시나리오는 아래와 같습니다. 모델 시나리오 사용자는 출발지를 설정한다. 시스템은 지도에 출발지를 표시한다. 사용자는 목적지를 설정한다. 시스템은 지도에 목적지를 표시한다. 시스템은 사용자의 위치에서 목적지를 가는 경로를 표시한…
May 01, 2023
상황 : useNavigate()를 모듈로 변경하고 싶어요. react-router-dom의 useNavigate는 사용자의 URL를 변경하는 명령형 메서드입니다. (v6 기준) 하지만 사용하는 곳마다 매번 이렇게 사용해야하므로 모듈화를 시키고 싶었습니다. 이렇게 redirect라는 함수를 만들었습니다. 원하는 곳에서 redirect(URL)만 호출하면 …
April 09, 2023
가입한 날짜, 수정한 날짜, 또는 남은 시간등을 표시할 때 시간표시를 많이 합니다. 개발을 막 시작했을 때는 그냥 표시하면 되지라는 생각을 했는데 이번 회사를 다니면서 ‘시간’이라는 개념을 다시 생각하게 되었습니다. 회사에서 해외서비스를 진행하면서 저에게는 신기한 경험을 하게 되었습니다. 인도네시아는 우리나라와 2시간의 시차가 있습니다. ( 2시간 느립니…
March 23, 2023
여러분이 작업한 프로젝트를 배포하는 과정에서 다른 팀원들에게 알리고 싶다면 어떻게 해야 할까요? 다양한 메시지를 통하여 알림을 보낼 수가 있습니다. 제가 다니는 회사가 Slack(슬랙)을 이용하다가 이제는 Google Chat(구글 챗)을 사용하게 되었습니다. 마이그레이션하는 과정에서 알게된 쉘 스크립트를 이용해 배포 알림을 보내는 방법을 소개하겠습니다.…
March 18, 2023
안녕하세요? Lanky입니다. 현재 프론트엔드 프로그래머로 일하고 있습니다. 블로그… 제가 해보겠습니다! 개발자로써 첫 발을 내딛은 것이 20년 2월이었습니다. 회사 생활을 하면서 블로그도 운영하겠다는 큰 포부’만’ 가진채로 2년+1개월이 지났습니다. 그래도 다행인건 2월부터 블로그를 해야겠다라는 의지가 불타올랐습니다. 그 때 저의 마음을 아주 견고하게 …