React 배포2 [버스도착정보] 정적 웹사이트 호스팅하기 (GitHub Pages 사용) [React.js] 버스도착정보 조회 웹 페이지 개발 웹 페이지 설명 버스도착정보 국토교통부 Open API를 사용하여 제작한 버스 정보 안내 웹 사이트, 현재 위치 기준으로 가까운 정류소 정보를 반환, 정류소 별 도착 예정 버스 정보를 조회할 수 있 doqtqu.tistory.com 약 2년 전에 '버스도착정보' 조회 웹 페이지를 개발해서 블로그에 포스팅 했었다. 국가지점번호 사이트와 같이 GitHub Pages로 배포했더니 Mixed Content 에러가 발생해서, 간단한 Node 서버를 만들어 헤로쿠를 사용해 배포했다. 하지만, 2022년 11월 28일 이후로 헤로쿠 서비스가 유료로 전환되었는데.. 여기저기 Node.js를 무료로 호스팅할 수 있는 다른 서비스를 찾아보다가, 코드를 다시 살펴보니 굳.. 2023. 2. 17. [React] React 프로젝트 GitHub Pages로 배포하기 React 프로젝트 생성 React를 이용해서 개발하는 방법에는 여러가지가 있다.프로젝트 구성을 직접해도 되지만, React에서 추천하는 Create React App 툴체인이 있다. Create React App은 React를 배우기 간편한 환경으로 싱글 페이지 애플리케이션 앱을 만들기 적합하다.이것은 개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 프로덕션 앱 최적화를 해준다.Create React App을 사용하기 위해서는 Node 8.10 혹은 상위 버전 및 npm 5.6 혹은 상위 버전이 필요하다. 새로운 프로젝트를 만들기 위해서 아래의 명령어를 실행한다.(npx : npm 5.2+ 버전의 패키지 실행 도구) npx create-react-app test-a.. 2020. 11. 19. 이전 1 다음 반응형
