[Node.js]리액트 express 통해서 서버 요청시 한글 url 파라미터 사용하기 리액트 프론트엔드 기능 구현 도중 node.js 서버와 통신을 할 일이 있다. 그럴 때 url 뒤에 파라미터를 통해서 통신을 하게 되는데 이 때 파라미터에 한글을 넣어서 요청하면 잘 안되는 경우가 있다. 이 때 해결할 수 있는 방법이다. encodeURIComponent() 와 decodeURIComponent() 사용하기 예시를 한번 보자. front-end 측 코드 axios 를 임포트해서 사용해주었다. 'http://localhost:3000/한글파라미터' 와 같은 방법으로 요청을 보내면 제대로 작동하지 않기때문에 '한글파라미터' 를 다음 함수를 이용해 인코딩 해준다. encodeURIComponent("한글 파라미터") Axios.get(`http://localhost:3000/${encodeUR.. 프로그래밍/react 4년 전
[Node.js] express를 이용해 간단한 웹 서버 만들기 express를 이용해 간단히 웹 서버를 만드는 과정이다. 기본적으로 node.js가 설치되어 있어야한다. 1. 웹서버로 사용할 폴더 만들기 터미널에 접속해서 웹 서버를 만들 폴더를 생성하고 그 안으로 진입한다. $ mkdir myServer $ cd myServer 2. 폴더 기본 셋팅하기 npm init 명령을 이용하여 애플리케이션에 대한 package.json 파일을 작성한다. 잘 모르겠다면 그냥 ENTER를 쭉 눌러주면 된다. $ npm init express를 설치해준다. $ npm install express --save express를 임시로 설치하고 종속 항목 목록에 추가하지 않으려면, --save 옵션을 생략하면 된다. 그냥 붙여서 설치하도록 하자. 폴더안에 app.js라는 파일을 생성한.. 프로그래밍/node.js 4년 전
[Node.js] 운영체제별 개발 환경 구축하기 Node.js 개발 환경 구축 하는 방법을 운영체제 별로 알아본다. 1. Windows 구글에 nodejs를 검색해서 제일 위에 떠 있는 페이지로 이동한다. 혹은, 아래 URL로 접속을 한다. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 오른쪽 Latest Features 버튼을 눌러 최신 버전을 설치한다. 꼭 최신 버전을 설치해야 한다. 여타 다른 프로그램 설치 하듯이 쭉 따라서 설치를 진행하면 된다. 2. mac 맥 설치도 위와 같은 방법으로 진행해도 된다. 하지만 조금 더 전문가 같은 느낌으로 설치를 진행하기 위해 터미널을 켠다. 개발을 할.. 프로그래밍/node.js 4년 전
