Engineering_S/W & H/W

 node js로 작업을 하다보면 항상 localhost:[포트번호] 로 진행하는 경우가 대다수이다. 물론 혼자서 작업을 한다면 상관이 없지만 협업을 하는 상황이면 Front-End와 Back-End 사이의 테스트를 진행해야 한다. AWS를 이용한 테스트는 복잡하고 시간이 걸리기 때문에 최종작업에서 시행하는게 낳다고 생각한다.  따라서 이번 글은 본인의 PC를 서버로 만들어 테스트 할수 있는 환경을 작성하도록 하겠다. const express = require ( 'express' ); // middleware const app = express (); const PORT = 5000 ; // 서버 체크 app . get ( '/' , ( req , res ) => { console . log ( "GET Request from Client" ); res . send ( '<h1>Server is Working</h1>' ) }) app . listen ( PORT , () => { console . log ( `Server is starting ${ PORT } ` ); }); 위는 매우 간단한 node js를 이용한 localhost서버를 만든 것이다.  포트는 5000번이며 GET요청을 할시 Client쪽에서는 'Server is Working'의 글자가 보이게 된다. 이제 현재 localhost:5000의 IP를 전세계 어디서나 접속할수 있는 웹으로 만들자. 먼저 Global로 localtunnel을 설치한다. - terminal: npm i -g localtunel localhost에서만 구동되는 5000포트를 전세계 web상으로 올린다.  'your url is : ' 이후에 나오는 웹 주소는 실제 전세계 어디서나 접속할수 있는 주소 이다. - terminal: lt --port 5000 처음 ...

일단 생성할 프로젝트를 위한 폴더를 생성합니다.   npm create-react-app [React Folder Name] 를 해당 콘솔에 쳐서 진행합니다. (기본적으로 npm, nvm이 설치 되 있어야 합니다.) 참고로 React 폴더이름은 규칙이 있습니다. 대문자가 포함이 되면 위처럼 생성이 안됩니다.  마지막에 Happy hacking!문자가 나오면 정상적으로 React가 설치 된 것입니다. 이제 콘솔창에 실제로 React를 실행하겠습니다. 콘솔창에 'npm start'를 치고 실행합니다. 위 두 화면이 나왔으면 모두 정상적으로 설치도 되고 실행도 제대로 된다는 것입니다. 이제 실제적으로 코딩을 할수 있습니다. 이후 글 : React 시작하기