WEB/React
-
React 상대경로, 절대경로 사용하기WEB/React 2021. 8. 25. 02:39
React(CRA) 에서는 웹팩과 바벨 설정이 기본적으로 되어 다른 파일을 가져오기 위해 import 를 사용할 수 있는데, 이때 경로를 지정하는 방법은 상대경로와 절대경로로 나뉜다. 상대경로현재 import를 하는 파일의 위치를 기준으로 경로를 지정한다. import Chicken from '../fastfood/chickens/chicken'사용법은 다음과 같다 '/' : 루트(최상위 디렉토리)'./' : 현재 디렉토리'../' : 현재 위치에서 상위 디렉토리 위와같은 경로설정을 통해 가져오려는 파일의 위치를 적어주면 사용가능하다. 그러나 가져오려는 파일이 현재 위치에서 멀리있다면 어디있는지 가늠하기도 힘들고 보기에 복잡하다는 문제가 생기게 된다. 이럴때 절대경로를 사용한다면 불편함을 해소할 수 있..
-
Heroku 배포 중 Node.js 빌드 오류(yarn.lock , package-lock.json 충돌 문제) 해결WEB/React 2021. 8. 9. 00:47
React 앱을 만들고 Heroku에 배포하던 중 오류가 생겼다. git push heroku master 명령어로 할 때마다 아래와 같은 빌드 실패가 발생했는데npm run build 로 따로 빌드해보면 또 문제없이 돌아가서 골머리를 앓았다. -터미널-----> Building on the Heroku-20 stack-----> Determining which buildpack to use for this app-----> Node.js app detected-----> Build failed ! Two different lockfiles found: package-lock.json and yarn.lock Both npm and yarn have created lockfiles fo..