SIMPLE & UNIQUE

1. 도메인을 연결하려면 포트를 없애야 하기 때문에, 리엑트 포트를 80으로 설정한다. pakage.json 파일을 아래와 같이 설정한다. %참고 : react 기본포트를 바꿀수 없는 상황이라면, 로드벨런싱을 통해 외부포트 80을 내부포트 3000으로 포워딩해서 사용하는 방법도 있다. 1. 윈도우 일 경우(로컬) - set PORT { ... "scripts": { "start": "set PORT=80 && react-scripts start" , "build": "react-scripts build" , "test": "react-scripts test" , "eject": "react-scripts eject" }, ... } 2. 리눅스(ubuntu)인 경우 - export PORT { ... "..

1. sftp로 react root경로 폴더를 압축해서 서버에 옮겨 놓는다. 2. ssh에서 ftp로 올린 폴더 경로 이동한다. %참고 : tar파일 압축 푸는 명령어는 tar -xvf 파일명.tar 3. react 경로에 node.js와 npm, yarn을 설치한다. apt-get upgrade //설치된 패키지들 모두 새버전으로 업데이트 apt-get install nodejs // nodejs 설치 apt-get install npm // npm 설치 sudo apt install yarn //yarn 설치 nodejs -v // node 버전확인 npm --v // npm 버전확인 yarn --v // yarn 버전확인 4. package.json에 추가된 npm, yarn 모듈들을 설치하기 위해..

1. create-react-app 으로 프로젝트를 만들면 아래와 같은 디렉터리 구조가 생성된다. 로컬에서 http://localhost:3000/ 로 접속했을때, 개발한 화면이 보이는 상태면 된다. (이미지는 아래 더보기 버튼) 더보기 2. AWS 계정을 생성한다. 아래 AWS에서 제공해주는 한국어 가이드를 참고한다. https://aws.amazon.com/ko/premiumsupport/knowledge-center/create-and-activate-aws-account/ 3. EC2 인스턴스 생성 EC@ 대시보드에서 인스턴스 시작 클릭 4. ubuntu Server 16.04 선택 단계1 : ubuntu Server 16.04 선택 (이미지는 아래 더보기 버튼) 더보기 5. t2.micro 선택..

Error: Invariant failed: You should not use outside a 소스 변경점이 없는데 위와 같은 React 오류가 난다면 yarn upgrade를 해주면 해결된다. yarn upgrade 만약에 react 경로에 아래 명령어를 실행하고 난 오류라면 npm install sweetalert2 다른 상황에 따라 해결방법이 다르겠지만 yarn 명령어로 다시 설치해주니 해결됬다. npm uninstall sweetalert2 yarn add sweetalert2

connection pool(CP)의 정의는 '소프트웨어 공학에서 데이터베이스로의 추가 요청이 필요할 때 연결을 재사용할 수 있도록 관리되는 데이터베이스 연결의 캐시'이다. 사이트에 사용자가 접속하면 백엔드 서버에서 db 서버에 접속해 query를 실행하게 된다. 이때마다, (예를들어) nodeserver와 mysql server을 연결하고 query 수행이 끝나면 연결을 끊는 작업을 한다. CP를 사용하면 이러한 연결/연결끊기의 과정을 최소한으로 줄일 수 있기 때문에, 연결에 소요되는 시간과 사용되는 서버 자원을 아낄 수 있다. node 서버를 AWS EC2 t2.micro를 사용한다고 가정하면, 동시간에 허용된 connection max값은 66개이다. mysql에서 아래 쿼리를 실행해보면 해당 DB..

이전 회사에서는 Spring 프레임 워크에서 서버 Session에 로그인 정보를 세팅하여 사용했다. 보통 javax.servlet.http 패키지의 HttpSession 인터페이스를 구현해서 사용한다. session.setAttribute("id", "value");//세션 setting session.getAttribute("id");//세션 read session.removeAttribute("id");//세션 remove 서버 session을 사용하는 것이 cookie를 사용하는 것보다 보안측면에서 강력하다.(브라우저상에 노출되지 않는다.) node/react 서버에서는 방어로직을 함께 구현하여 cookie를 사용하였다. 구현 방식은 아래와 같다. 1. 로그인 1-1) 입력받은 id/pw를 DB값과..