build
-
[2021.06.11] Production Environment에서 SourceMap 보안 이슈 해결개발 블로깅/오늘의 TIL 2021. 6. 11. 19:07
내가 직접 작업하는 프로젝트에 Build 후 Production 환경에 업로드 시 Source map File이 함께 올라가는 이슈가 있었다. 원래 Production 환경에 소스코드를 배포할 때, Webpack Build를 통해 기존 코드를 Uglify하게 만들어 업로드를 한다. 그러나 Source Map 파일이 Production 환경에 같이 올라가면, Source Map 파일을 통해 Uglify JS 파일들이 기존에 어떻게 작성되어있는지 트래킹이 가능하게 되어버리는 보안 이슈가 발생한다. 이러한 기존 코드를 파악하지 못하도록 일반적으로는 Source Map을 따로 업로드를 하지 않는 것이 권장된다. Next.js 환경에서는 Production Build 시에는 Source Map File을 생성하지..
-
[2019.07.14] 오늘의 TIL - webpack.config.js의 build 설정 시 주의사항개발 블로깅/오늘의 TIL 2019. 7. 15. 00:18
현재 진행 중인 프로젝트에 TypeScript React Redux를 신나게 쓰고는 있고.., 컴포넌트 라이브러리를 어떤 것을 쓸까 고민을 많이 해보았다. 4주 프로젝트 때 사용했던 ant Design이 정말 괜찮긴 했었다. 설명과 예시코드가 사용하기 쉽게 잘 되어있고, 무엇보다 디자인이 엄청 깔끔하고 사용성에 대해 직관적이다. 그래도 한번 써 본 라이브러리여서, 이번에는 다른 것을 써 볼까 고민을 많이 했었다. Material-UI, BootStrap, React Tool Box 등.. 리액트 관련 CSS 라이브러리가 엄청 많아 전부 사용해 보고 싶다.. 그러나 이번 프로젝트의 기술 핵심은 TypeScript + React + Redux! 괜히 다른 것에 시간 투자하지 않고 해당 스택에 집중하기로 했다..
-
[2019.07.04] Gatsby - develop은 되지만, build 시 failed 날 때 해결 법개발 블로깅/기타 개념 2019. 7. 5. 00:02
3~4일 간 Gatsby를 이용하여 포트폴리오를 제작하였다. (죽는 줄...) 개발하는 동안 개츠비에 기본 스크립트 명령어로 되어있는 'npm run dev'로 작업물을 돌리면서 확인했다. 개발하는 중에는 문제가 없었는데, 오늘 배포를 시도하려고 build를 돌리니 아래와 같은 에러 메시지가 출력되었다. 'Error: original.line and original.column are not numbers -- you probably meant to omit the original mapping entirely and only map the generated position. If so, pass null for the original mapping instead of an ob ject with emp..
-
[2019.06.07] 오늘의 TIL - typeScript 빌드 후, js파일이 여전히 .ts파일을 참조하는 문제개발 블로깅/오늘의 TIL 2019. 6. 7. 19:58
어느정도 API를 구현하고 드디어 AWS에 올리려고 ts파일을 빌드를 해봤다. 다행히도 빌드는 이상없이 잘 됐다. 그러나 빌드 후, js파일을 돌리니...js파일의 모든 import 경로가 ts파일 경로를 가리키고 있는 것이다... import 경로를 '../'와 같이 상대경로로 지정하는 방식으로 한 문제 말고는 도저히 ts파일을 가리킬 이유가 없었다. js파일코드를 확인해 봐도 이상이 없고...고치고 싶어도, 빌드과정으로 생긴 코드여서 너무 복잡하고 알아볼 수가 없었다..ㅜ.ㅜ 엔지니어 분께 도움을 요청하니, 아마도 빌드 후에도 코드 내의 상간관계가 풀리지 않아서 그런것 같다고 하셨다. 해결방법 node를 루트에서 실행시키지 말고, 빌드된 디렉토리로 가서 직접 실행 시키는 방법 __dirname 등의 ..