TIL
1.[TIL] JavaScript JSON.parse 함수 error (feat. 백슬래시)
백슬래시(\\ 또는 ￦)가 포함된 객체 형태의 문자열을 JSON.parse 메소드의 인자로 전달했더니 오류가 발생하였다. 백슬래시를 포함하는 정규표현식(new RegExp("\\\\"))을 만들 때도 오류가 발생하였다.백슬래시는 escaped 형태로 사용하기 때문에
2.[TIL] webpack build에서의 node-sass, sass-loader 호환성 문제
토이프로젝트를 Heroku로 빌드하는 과정에서 react client 쪽에서 에러가 발생했다. 에러 메시지를 보니 sass-loader 패키지에서 요구하는 node-sass의 버전과 package.json에 적힌 버전과 맞지 않아 발생한 것으로 보였다.sass-load
3.[TIL] Heroku로 토이프로젝트를 배포하면서 겪은 문제 해결 과정들
(본 글은 2021년 10월 24일에 작성된 글입니다)이 글은 개인 토이프로젝트를 Heroku로 배포하면서 겪은 문제 해결 과정들을 기록한 글입니다.토이프로젝트는 푸드마커라는 이름을 갖고, 맛집 방문 이력 기록, 앞으로 방문할 맛집들을 기록 등을 하는 서비스입니다. 서
4.[TIL] Node로 AWS S3에 이미지 업로드(jpeg, heic) 및 삭제하기
(본 글은 2021년 11월 20일에 작성된 글입니다)저번에 Heroku를 이용해 푸드마커 토이 프로젝트를 배포해본 것에 이어 AWS S3를 이용해 이미지를 업로드했던 과정을 적어보겠습니다S3 버킷 생성, S3 옵션 설정, IAM 사용자 생성, 엑세스 키 생성 등의 내
5.[TIL] babel plugin을 적용하면서 발생한 eslint 헤매기
(본 글은 2021년 12월 5일에 작성된 글입니다) 토이프로젝트를 만들면서 nullish-coalescing-operator, optional-chaining 문법을 사용하고자 babel plugin을 설치하고, babel 설정 파일에 plugin을 등록하고, 코드
6.[TIL] webpack dev server에서 페이지 이동시 404에러 발생 해결
토이프로젝트를 하면서 webpack 버전을 4에서 5(^5.73.0)로 업그레이드 하였고, webpack-dev-server도 버전 3에서 4(^4.93.0)로 업그레이드 하였다. 또한 개발 작업시 로컬 환경에서 react-script로 클라이언트를 구동하고는 하였는데