typescript

서론최근 새로운 프로젝트를 시작하였습니다. 프로젝트를 시작하면서 이것저것 초기세팅을 진행하였는데, 그 중 eslint는 이전에 사용한 eslint를 이번 프로젝트에도 적용했는데, 똑같이 설정했는데도 적용이 안 되는 상황이 발생했습니다...;;지난번 프로젝트에서는 정상적으로 작동했던 eslint인데 적용이 안되니까 상당히 당황스러웠는데, 여기저기 찾아보니 eslint가 업데이트하면서 v9부터 flat config가 디폴트 config로 등록되면서 이전에 작성했던 module.exports로 작성했던 config는 작동하지 않았던 것입니다. 이걸 몰라서 한참 헤맸다;; 내 코드가 잘못된 줄 알고 애꿎은 코드만 계속 들여다보고 있었다... 아무튼 원인을 알게 되어 flat config로 리팩토링을 진행하였습니..

프로젝트를 진행하는 중 지도 API를 활용해야 할 일이 있어 Kakao Map API를 사용하여 구현하였습니다.Kakao Map API에는 유용한 기능들이 많아 기능들에 대해 정리해 보았습니다. 더보기※ 개발 환경vscodetypescriptreact Kakoa Map API 사용하기React에서 Kakao Map API를 사용하기 위해서는 먼저 Kakao developers에 애플리케이션을 등록해주어야 합니다. Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com 홈페이지에 들어가 우측 상단에 내애플리케이션을 클릭해 줍니다.  2. 애플리케이션 추가하기..

개요혼자 프로젝트를 진행하거나 다른 사람들과 프로젝트를 진행할 때 이전에 작성했던 코드나 다른 사람이 작성한 코드에서 정상적으로 작동했던 코드인데 오류가 나는 경우가 있습니다. 이럴 때 "왜 잘 작동했던 코드인데 오류가 나지?"라는 생각이 드는데요. 여기에는 여러 가지 이유가 있을 수 있지만 이유 중 한 가지로 지금 코드를 작성하는 방식과 이전에 또는 다른 사람이 코드를 작성하는 방식이 달라서 이러한 오류가 발생할 수 있습니다.오늘 포스팅할 ESLint와 Prettier는 이러한 부분에서 생기는 문제를 해결할 수 있는 개발 도구입니다. ESLint?ESLint에 대해 설명하려면 "lint"라는 단어를 살펴보아야 합니다. lint를 한국어로 그대로 해석하자면 보풀이라는 뜻을 가지고 있습니다.  평소에 옷을..