소스맵 (1) 썸네일형 리스트형 Source Map 이 뭘까요~ 요즘에 많이 사용하는 React 등등의 프레임워크를 사용해서 서비스를 하면 실제 브라우저를 통해 js를 보면 Webpack에 의해서 많이 압축되어있다. 요런 압축되어 있는 소스와 원본 소스를 매핑시켜주는 맵이라고 생각하면된다. 압축한걸 왜 다시 매핑해주냐면 실제 서비스에서 에러가 발생하면 압축되고 난독화 되어있기 때문에 디버깅 하기가 되게 난해하다. 그런걸 방지하기 위해서 Source Map이 있다고 생각하면 편할듯하다...? React 메인 홈페이지로 들어가보자. 사진을 보면 React 자체에서 압축을 해서 내려보내기 때문에 사용자 입장에서는 해당 JS를 수정하거나 이해하거나... 등등 불가능하다. 그러면 이제 다음 사진을 보자. 아래에 web pack:// 이라는 곳을 보면 React 에서 제공하는 .. 뚜봄뚜봄 2022. 6. 1. 21:57 이전 1 다음
