개인 프로젝트 (5) 썸네일형 리스트형 [React] React 배포시 .env 파일이 적용이 안되는 경우 로컬에서는 localhost:8080에서 데이터를 받아오지만, 배포를 할 경우 도메인에서 데이터를 받아와야 한다.때문에, 당연하게 경로 역시 수정해줘야 한다.배포시마다 도메인으로 경로를 수정하려니 번거로워서 .env 즉, 환경변수 파일을 적용하는 법을 찾아봤다..env.developer에 아래처럼 로컬 환경변수를 지정했다.REACT_APP_API_URL=http://localhost:8080.env.production에 아래처럼 도메인 주소를 지정했다.REACT_APP_API_URL=https://www.vsong.art환경변수 파일은 package.json과 동일한 경로에 생성해주면 된다.사용 방법은 tsx 파일에 아래처럼 함수에 지정하고 사용했다.const apiUrl = process.env.REA.. [Gradle] gradle build가 안될 때 인텔리제이에서 gradlew build를 실행하면 아래와 같은 오류가 발생했다.Exception in thread "main" java.lang.RuntimeException: Wrapper properties file 'C:\Users\user\Documents\Graduation_project\gradle\wrapper\gradle-wrapper.properties' does not exist. at org.gradle.wrapper.GradleWrapperMain.main(SourceFile:74)이유는 gradle-wrapper.properties 파일이 없기 때문이다.프로젝트를 노트북과 개인 pc 사이에서 왔다갔다 하면서 작업을 하는데 코드를 제외한 패키지나 설정 파일은 gitign.. [Gradle] Gradle 설치하기 gradle이 설치되었는지 확인하는 방법은 CMD에서 gradle -v를 실행 했을때 버전이 안뜨면 설치가 안된것이다.(혹은 환경 변수 설정이 안되었거나)1. gradle을 다운받아준다.https://gradle.org/releases/ Gradle | ReleasesFind binaries and reference documentation for current and past versions of Gradle.gradle.org원하는 버전을 binary-only나 complete로 다운받아준다.2. 다운 받은 파일을 압축 풀기 해준다.압축을 해제한 폴더를 들어가면 아래와 같은 파일들이 있다.3. gradle 파일을 이동시킨다.C 드라이브에서 Program Files로 이동해 gradle 파일을 생성하고.. [NVM 설치] Node.js 버전 관리를 위한 NVM 설치하기 컴퓨터에서 작업하던 프로젝트를 노트북에서 옮겨서 작업을 하려니 문제가 발생했다.프론트로 사용하고있는 리액트의 경우 node.js를 필요로 하는데 버전이 달라 모듈을 재설치해야했다.이게 귀찮아서 노트북의 구버전 node.js를 업데이트하려고 찾아보니 jdk 버전관리처럼 node.js도 버전관리가 있다고 해서 한번 적용해봤다.주의 사항사용자명이 한글인 경우 즉, C드라이브에 User명이 한글인 경우에는 nvm이 오류가 발생하니 영어 사용자로 진행해야 한다!!설치 및 사용 방법우선 아래 링크를 타고 들어가서 nvm-setup.exe를 다운로드한다.https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windowsA node.. [Youtube Api] publishedAt / publishedAfter 사용해서 할당량 최소화하기 API를 사용해서 유튜브 영상을 가져올때 기존에 유튜브 영상을 이미 가지고 있어서 최신 영상만 필요한 경우 할당량을 많이 사용할 필요가 없다.그래서 어떻게 하면 좋을까 고민을 하다 삽질을 좀 해서 기록해둘겸 작성해둔다.publishedAthttps://developers.google.com/youtube/v3/docs/videos?hl=ko Videos | YouTube Data API | Google for Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. Videos 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 2020년 7월 28일 이후에 생성된 확인되지 않은 APIdevelopers.google.com 위 링크에 .. 이전 1 다음
