node.js3 리액트 앱 호스팅하기 (Node.js호스팅 ,ReactJS호스팅) 이전에 팀프로젝트로 만든 파일을 로컬에서만 쓰다가 오늘 호스팅 하는 방법을 배워서 호스팅 하는 방법을 올려보려고 한다. 리액트파일과 서버파일이 있어서 두곳에 따로따로 호스팅 해줘야 한다. Node.js 서버 호스팅 HEROKU https://dashboard.heroku.com/apps Heroku dashboard.heroku.com 위의 사이트에 들어가서 가입을 해줘야한다. 가입을 하면 로그인을 하고 create new app으로 들어가 준다 이제 여기서 이름을 설정해 주고 Create app을 누르면 깃허브리포지터리 같은 게 만들어진다. 만들고 나면 이런 창으로 이동하게 되는데 깃허브처럼 파일을 여기로 보내주면 된다 heroku로 push 하기 위해서는 heroku를 설치해줘야 한다. https:/.. 2023. 3. 7. [React]22 리액트쇼핑몰만들기ver0.1 (서버에서 상품정보받아오기) 화장품을 파는 쇼핑몰 사이트를 만들어보자!! 메인페이지, 상품페이지, 상품업로드 페이지를 만들고 각 페이지는 폴더를 따로 만들어서 저장한다. 컴포넌트폴더를 만들고 Header와 Footer (상단화면 하단화면)을 만들어 준다. 메인페이지에 들어갈 상품태그도 컴포넌트로 만들어서 컴포넌트 폴더에 넣어주겠다. 코드샌드박스로 코드를 올릴 텐데 서버는 에러가뜨고 로컬에 있는 mysql이랑 어떻게 연결하는지 몰라서 리액트만 코드샌드박스로 올리고 서버와 mysql연결하는 부분은 코드로 올리겠다.. 우선 header 와 footer main page를 만들어준다 Header.js /Header.css import React from 'react'; import { Link } from 'react-router-dom'.. 2023. 1. 20. [React]21 서버만들기(node.js/express프레임워크/node + mysql) 노드서버 만들기 브라우저가 아닌 곳에서도 node.js를 이용하면 javascript 를 실행할 수 있다. 노드에서는 모듈을 로딩하는 방법에서 차이가 있다 import 대신 require 사용 모듈로딩 es6 방식 export functuin Hello( ){ } import Hello from './Hello.js' common js 방식 function hello( ){ } module.export = hello; const hello = require('/hello.js') 서버를 만들어줄 폴더를 생성 생성한 폴더에서 npm init으로 노드를 초기화해 준다. RestAPI [post, get,] 데이터를 어떻게 받아오고 보낼지 만드는 것 프로토콜://호스트주소:포트번호/경로? 쿼리 http://l.. 2023. 1. 19. 이전 1 다음
