[react] 간단한 리액트 게시판 만들기 : WYSIWYG ckeditor - ③ 서버 구축 연동하기 2020/10/30 - [프로그래밍/react] - [react] 간단한 리액트 게시판 만들기 : WYSIWYG ckeditor - ① 인터페이스 2020/10/30 - [프로그래밍/react] - [react] 간단한 리액트 게시판 만들기 : WYSIWYG ckeditor - ② 입력 기능 구현 위 두 포스팅을 먼저 보고 오는 것을 추천한다. 완성된 프로젝트 소스코드 github.com/esyeon88/simple-react-board esyeon88/simple-react-board simple type of board using react (ckeditor). Contribute to esyeon88/simple-react-board development by creating an account o.. 프로그래밍/react 5년 전
[Node.js]리액트 express 통해서 서버 요청시 한글 url 파라미터 사용하기 리액트 프론트엔드 기능 구현 도중 node.js 서버와 통신을 할 일이 있다. 그럴 때 url 뒤에 파라미터를 통해서 통신을 하게 되는데 이 때 파라미터에 한글을 넣어서 요청하면 잘 안되는 경우가 있다. 이 때 해결할 수 있는 방법이다. encodeURIComponent() 와 decodeURIComponent() 사용하기 예시를 한번 보자. front-end 측 코드 axios 를 임포트해서 사용해주었다. 'http://localhost:3000/한글파라미터' 와 같은 방법으로 요청을 보내면 제대로 작동하지 않기때문에 '한글파라미터' 를 다음 함수를 이용해 인코딩 해준다. encodeURIComponent("한글 파라미터") Axios.get(`http://localhost:3000/${encodeUR.. 프로그래밍/react 5년 전
[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 5년 전
