이번 시간에는 프론트단（React.js, Vue.js, Angular.js）을 돌릴 수 있는 Node.js 설치와 그다음 React App을 구동해 보겠다 일단 EC2 인스턴스에 Terminal로 접속하도록 하자 혹시 인스턴스가 없는 경우 아래 링크 클릭 https://initstory.tistory.com/89?category=1029330 인스턴스가 있는데, 중지를 한 경우 아래의 링크의 2번까지!! https://initstory.tistory.com/90?category=1029330 1. Node.js Install curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash 위의 코드를 복사한 다음 넣고 ente..
이 포스팅은 3편이상 정도로 만들예정이고 내가 삽질을 하면서 Tomcat Server와 Node.js Server을 구축하는 포스팅이다. tomcat 에는 Spirng Node.js 에는 React를 올릴 것이다 AWS（Amazon Web Service）는 아주 유명하고 유명한 Cloud 여러 회사들이 자사에 서버를 놔두면 너무 비싸고, 감당이 안 되는 경우가 많았기 때문에 Computer를 빌려서 Server를 구축해서 사용하는 회사가 많다 그리고 현재 일할 때 AWS로 배포하는 개발자도 많다. 하지만 난이도가 약간 높아서 벽을 느낄 수가 있지만, 우리의 Google과 AWS Documentation을 보면서 해결해 보자 1. EC2를 사용할 재료 준비 1-1. AWS 아이디 AWS 아이디가 없다면 아..
이번 시간에는 Node.js기반의 Ajax 통신의 꽃 Axios를 배워보겠다 Node.js기반으로 움직이는 것들은 대부분 사용 가능하다고 생각한다 1. Axios Install 하기 npm install axios 2. Axios Import App.js에서 아래의 코드를 입력한다 import axios from 'axios' 3. 데이터 준비 아래의 링크에서, 간단하게 받아올 데이터를 준비한다 https://jsonplaceholder.typicode.com/ JSONPlaceholder - Free Fake REST API {JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB As of D..
오늘부터 React.js를 공부해보겠다 내가 React.js 한 번도 안 한 쥿밥이니까 여러분들도 다 할 수 있다고 본다 일단 초기 셋팅부터 해보자 공부방법은 유튜브 꽁짜강좌를 보면서 한다 일단 Node.js를 설치하도록 하라 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 최신버전을 다운로드하고 인스톨해라 그다음은 에디터가 있으면 좋은데 자신 있으면 메모장으로 하고 자신 없으면 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code i..
이번에는 POST방식으로 전송했을 때 받는 법을 하겠다! 아래의 코드의 html 파일이 필요하다 여기서 action 을 정해준다. 여기에는 전송하고 싶은 URL를 적어주면 된다! 그다음 server.js에서 아래의 코드를 추가한다 else if (pathname === '/create') { dataAll = ''; request.on('data', function (data) { dataAll = dataAll + data; }); request.on('end', function () { var result = querystring.parse(dataAll); console.log(parsedQuery); response.writeHead(200); response.end(result.id + ' An..
원래 POST를 하기 전에 해야 할 것 이 있다 URL로 요청하는 것은 GET 방식이기 때문에, POST방식으로 요청하려면 HTML의 form 태그를 이용해 POST방식을 쏘거나, 아니면 PostMan이라는 툴을 이용해 전송을 해야 한다 브라우저에서 form 태그를 만들고, 하는 방식으로 선택하였지만, HTML 파일을 만들지 않았기 때문에 만들어보도록 한다 그다음은 URL로 요청했을 때 이 HTML를 불러서 브라우저에 띄어 주게끔 해보자 일단 HTML을 읽을 수 있는 File Sysyem이라는 모듈이 있다 그것이 fs이다 이것을 선언해준다 그다음 볼만한 게 있는데 아래의 코드를 추가해서 요청을 해보자 console.log(url.parse(myUrl, true)); 브라우저의 URL에서 이런 식으로 요청..
브라우저에서 URL를 보면 【?id=helloworld&name=initstory】 이런 식의 주소를 본 적이 있을 것이다 이것을 queryString이라고 말하며 key value라고 보면 된다 id의 값은 hellworld name의 값은 initstory 그래서 이것을 GET (받는다) 하는 것을 해볼 것이다 id를 GET하면 helloworld가 값이 될 것이고 name을 GET하면 initstory가 값이 되게끔.. 그전에 앞서 Node.js의 URL모듈을 또 변수에 넣어보자 var url = require('url'); 그다음은 아래의 코드를 입력하라 이전에 내가 말한 request에는 사용자가 요청한 것이 담겨 있다고 했다 URL주소도 안에 담겨있고, 그것을 불러 myUrl이라는 변수에 넣어..
Node.js를 깔았으니 이번엔 서버 구축을 해보겠다 일단 js 파일 하나를 만들어 본다 Node.js에는 여러 가지 모듈을 들고 있다 그중 http라는 모듈을 사용해서 서버를 구축해보자 일단 http 모듈을 변수에 담아서 사용해야 한다 var http = require('http'); 그다음 아래의 코드를 추가한다 이게 가장 기본적인 서버 구축하는 법이다 http모듈 안에는 createServer가 있음 var server = http.createServer(function(request,response){ response.writeHead(200); response.end('Hello World'); }); 웹은 요청 ( request ), 응답 ( response ) 가있는데 request는 사용자..
