최근 몇 달 동안 모던 자바스크립트 Deep Dive 책을 통해 스터디를 진행하고 있는데, 이번에 공부했던 내용 중 하나가 `클로저`였다. 같이 클로저에 대해 얘기하면서 나는 이렇게 얘기했던 것 같다. “클로저를 공부하다보면 개념 자체가 그렇게 어렵지는 않은데, 자주 사용하지 않다보니까 익숙하지가 않은 것 같아요.” 이 문장에서 이상한 점이 느껴지시나요?? 힌트를 하나 말하면, 나는 React와 Next.js를 주 스택으로 사용하는 프론트엔드 개발자이다.
화살표 함수는 ES6에서 도입된 문법으로 함수를 좀 더 간결하고 직관적으로 작성할 수 있어서 자주 사용하고 있다. 자주 사용하고 있었지만, 화살표 함수는 항상 하나만 사용했었는데 이번에 화살표 함수를 여러개 중첩으로 사용하는 코드를 처음 보게 되어서 한 번 정리해두려고 한다!...
날짜에 따른 조건을 만들기 위해서 new Date 함수를 이용해 Date 객체를 만들어 사용했다. 하지만 Safari(iOS)에서는 제대로 조건이 동작하지 않는 이슈가 발생했다...
Axios의 Interceptors를 이용하면 then이나 catch로 처리되기 전에 요청이나 응답을 가로챌 수 있다. 따라서 이를 이용하면 Axios를 이용해 API로 통신할 때 항상 사용하는 baseURL이나 headers와 같은 부분을 한 번에 모든 Axios 요청에 관해 처리해둘 수 있다....
Web Share API, Kakao Link 등을 활용해 SNS 공유 기능을 구현해보자. 현재 만들고 있는 서비스에 공유 기능이 필요해서 구현하게 되었다. 어려웠던 기능은 아니었는데, 웹앱이라는 특이한 상황에서는 약간의 삽질이 있어서 정리하고자 한다!...
Bubbling은 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다. 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다...
브라우저의 좌표 개념을 복습하기 위해 JavaScript를 이용해서 마우스를 따라다니는 원을 만들었다. 사실 처음에는 어떻게 만들지 했는데, 막상 만들어보니까 생각보다 간단해서 정리해두려고 한다....