공부하는 비오

실시간컴파일러느낌의 tsc-watch. tsc-watch를 사용하면 ts로 작성한 파일을 저장하면 js로 컴파일된 파일이 자동으로 실행된다. nodemon같은 느낌. 설치는 다음 명령어로. npm i tsc-watch -D packge.json을 설정해주자. "tsc-watch --onSuccess \" node dist/index.js\"' tsc-watch가 성공했을경우, dist/index.js를 node로 실행한다. 하지만 npm start를 해보면 다음과 같은 오류가 난다 ^^;;; 그때 해결방법은 link typescript해주기. npm link typescript 그 이후 다시 실행하면 정상적으로 실행되는 것을 볼 수 있다. ts 코드를 바꾸고 저장하면 터미널에서 적용되어 실행된다!

TypeScript 2021. 2. 15. 22:15

내가 타입스크립트 생각하면 딱 떠올랐던 기능이 바로 이거. 정적으로 타입할당 해주는거. function (para: type): return type { ... } 파라미터뒤에 ?를 붙여주면 필수로있어야하는 파라미터가 아니다. 즉, ?가 없는데 파라미터가 없으면 컴파일과정에서 에러가 난다. void는 빈공간이라는 뜻. 왜 빈공간이냐면 지금 sayHi에는 리턴하는 값이 없기 때문이다. return값이 있다면 string이든 number이든 타입에 맞게 적어주면 된다. 그리고 타입이 다르면 이렇게 에러표시가 뜬다.

TypeScript 2021. 2. 15. 21:02

설치 및 옵션 설정 프로젝트에서 타입스크립트를 사용할거라면 -g를 붙여주자. :) 우선 src와 dist 폴더를 만들자. src는 ts파일이 위치할 폴더이고, dist는 컴파일한 파일들(js)을 넣어줄 폴더이다. 루트디렉토리에 tsconfig.json 파일을 만들어 어떻게 컴파일할지 옵션을 설정한다. target: ES5 >> ES5버전의 자바스크립트로 컴파일 outDir >> dist 디렉토리는 컴파일 하지 않음 include: 컴파일 과정에 포함할 파일들 (src에 들어있는 모든 파일들을 컴파일) exlucde: 컴파일 과정에 포함하지 않을 파일들 index.ts를 index.js로 컴파일하기 터미널에 tsc 명령어를 입력하자. 전역설치가 아니라면 npx tsc를 사용하면 된다. 터미널에서 tsc를 ..

TypeScript 2021. 2. 15. 20:21

let's encrypt에서 감사하게도 3개월짜리 무료 https 인증서를 발급해준다. 또 이 인증서는 기간내에 재발급만 받으면 연장하여 사용할 수 있다. (자동 갱신 코드를 작성하여 자동으로 연장되도록 만들 수도 있다.) letsencrypt를 통해 https 설정을 해보자! 우선 nginx라는 리버스프록시서버를 이용할것이다. 프록시서버에 대한 자세한 설명은 이 포스트에서는 하지 않겠다. 서버에서 직접 https를 처리하는대신, 리버스프록시서버를 사용하여 https로 만들어줄 것이다. 흐름도는 다음과 같다. (혹시 오류가 있다면 덧글로 알려주세요~🙏) 1. Nginx를 사용하여 프록시 서버를 만든다. 2. Nginx에 SSL 인증서(https적용)를 받는다. 3. 80번 포트로 접근하면 프록시에서 44..

카테고리 없음 2021. 2. 4. 19:30

현재 백엔드 서버에 이미지를 올리고 있기 때문에, 스케일링할 때 이미지가 여러 서버로 복사가 된다. 이로인해 서버자원 낭비가 발생한다. S3에 이미지를 저장하여 이 문제를 해결해주자. S3 버킷 만들기 AWS의 S3으로 들어간다. 버킷만들기 클릭 버킷이름을 만들고 버킷 세부사항을 설정한다. 다른 설정을 그대로 가되, 퍼블릭액세스를 차단하지 않는다. 모든 객체가 퍼블릭상태가 되도록 허락한다. 그 후 만들어진 버킷이름을 클릭하여 권한 설정으로 들어간다. 스크롤을 내리면 버킷정책이 있다. { "Statement": [ { "Sid": "AddPerm", "Effect": "Allow", "Principal": "*", "Action": [ "s3:GetObject", "s3:PutObject" ], "Reso..

AWS 2021. 1. 29. 14:28

회원가입을 하고 로그인도 되지만, (로그인할때 유저정보를 로그로 찍어보면 정보도 잘 나온다.) 로그인 유지가 되지 않는다. ip 주소가 달라서 백서버와 프론트 서버 사이에 쿠키 공유가 안된다. 이를 해결하기 위해 도메인네임을 등록해주자. 도메인 연결 도메인만들기 & 네임서버 연결 공부용으로 만드는 서버이기때문에 freenom을 사용하여 무료 도메인을 만들었다. 그리고 AWS의 Route 53과 연결했다. Route 53에서 호스팅영역을 생성해 freenom으로 만들어놓은 도메인을 입력하면, 아래와같이 레코드 두개가 생성된다. 유형이 NS인 레코드의 값 4개를 freenom의 Nameservers에 등록하자. 탄력적 ip 생성 ip가 계속해서 바뀌면 안되니, 탄력적 ip를 생성해서 인스턴스와 연결시키자. ..

AWS 2021. 1. 28. 23:21

우선 pm2를 설치하자. AWS 클라우드 서버로 실행하려면 백엔드 주소가 더이상 localhost:3065가 아니게된다. 그러므로 모든파일의 localhost:3065를 백엔드 주소로 바꾸어주자. 하지만 백엔드 ip를 고정하지 않는 이상 계속하여 주소가 바뀌므로, 루트폴더에 config폴더를 만들고 config.js 파일을 만들어 거기에 backUrl={백엔드서버 주소}로 저장을한다. 그런 후 localhost:3065를 찾아 모두 backUrl로 바꾸어준다. 포트 80을 사용하므로 start도 포트를 변경한다. 그 후, 깃 커밋, 푸쉬. ssh로 들어와 깃 풀을 해주자. 프론트는 소스코드가 바뀌면 build를 먼저 해주어야한다. sudo npx pm2 start npm -- start 이 명령어를 실행..

AWS 2021. 1. 28. 16:56

pm2를 사용하여 서버를 실행시켰다. 그런데 포트 80으로하면 root 계정이 아닌 이상 서버실행이 안되는데, 서버 실행이 됐다;;; 왜 에러코드가 안뜨고 되지? 했는데 브라우저로 확인해보니 안열린다. 포트 확인하는 lsof -i TCP 를 쳐도 아무것도 안뜬다. 그래서 npx pm2 list로 확인을 해봤다. 그랬더니 status가 errored이다. npx pm2 logs로 확인 PM2 log: Script /home/ubuntu/NodeBird/back/app.js had too many unstable restarts (16). Stopped. "errored" 처음엔 이 로그에만 집중했었는데, 알고보니 error로그에 이유가 나와있었다. ReferenceError. process라고 적어야하는데..

Error 2021. 1. 28. 13:34