분류 전체보기 105

puppeteer (기본기)

puppeteer 란? 구글에서 만든 웹브라우져 자동화 라이브러리 구글에서 만들었기 때문에 크롬 혹은 크로미엄 에서만 작동 하다. nodejs 가 깔린 상태에서 먼저 빈폴더를 생성 후 npm init of yarn init npm install puppeteer or yarn add puppeteer 파일을 하나 생성하자 나는 server.js 로 만들겠다 잘 불러왔는지 확인하기 위해 함수를 만들고 실행 시켜보자 const puppeteer = require('puppeteer'); ( async()=>{ console.log('starting...'); console.log('puppeteer',puppeteer); })() $ node server.js 하면 잘 실행 된걸 알 수있다. 여기서 .js ..

Node JS/puppeteer 2022.07.04

MAC 에서 VMware fusion 해상도 제멋대로 바뀔때

I MAC 이나 MacBook Pro 에서 VMware fusion을 사용 할때 해상도가 높게 나와서 window 디스플레이에서 해상도를 변경해도 다른 화면 갔다가 돌아오면 다시 해상도가 높아지는 문제가 생겼다. 이럴때 VMware 에서 설정을 바꾸어 주어야 한다. Display를 클릭하여 들어간다. Use full resolution for Retina display 체크 박스가 체크 되어 있을텐데 여기 체크 박스를 해제해 준다. 체크 박스 해제 후 다시 VMware fusion 을 가보면 해상도가 낮아 져 있을 것이다.

카테고리 없음 2022.07.04

Nest JS (프로젝트 생성 및 module,controller,service 생성 작업)

Nest프로젝트 생성하기 명령어 npm install -g @nest/cli nest new [프로젝트명] 원하는 팩키지 관리자를 선택하면 프로젝트가 생성 될 것이다. 생성된 파일을 보면 .eslintrc.js 개발자들이 특정한 규칙을 가지고 코드를 깔끔하게 도와주는 라이브러리 타입스크립드를 쓰는 가이드 라인 제시,문법에 오류가 나면 알려줌 .prettierrc 주로 코드 형식을 맞추는데 사용 에러를 찾는것이 아닌 코드 포맷터 역할 tsconfig.build.json 어떻게 타입스크립드를 컴파일 할지 설정 package.json src main.ts 파일의 시작 package.json 을 보고 npm run start:dev or yarn run start:dev 이렇게 보여지기 까지의 원리는 먼저 ma..

Node JS/Nest Js 2022.07.02

aws nginx 도메인 하나로 프론트 여러개 배포하기 (sub_filter )

먼저 aws에 들어가서 배포할 두개의 프로젝트를 git clone 받는다. nginx를 설치 하자. $ sudo apt-get install nginx nginx 를 설치확인하고 nginx 의 폴더 위치는 /etc 에 있다. 그 안에 있는 설정 파일에 들어가자. cd /etc/nginx/site-available 먼저 기존에 있던 default 파일을 지우고 새로 default 파일을 만들어서 내용을 작성하자. rm -rf default sudo vi default 파일에 들어가서 i 를 누르면 작성 모드로 변하게 된다. 안에 내용을 채워보자. server { listen 80; location / { root /home/ubuntu/mini/build; index index.html index.htm;..

카테고리 없음 2022.05.22

vercel 로 react 배포하기

vercel 에서 react 배포하기 먼저 vercel 에 접속 후 회원가입을 해준다. 원하는 형태로 회원가입한다. 리포지토리를 추가 한다. 리포지토리를 다운받는다 배포할 리포지토리를 선택 한다. 배포할 프로젝트를 설정을 선택한다. Build and output settings 에 설정을 입력해준다. 첫번제 설정은 overide 버튼을 누르면 자동으로 나오게 된다. 두번째 설정은 build 되는 파일에 이름을 적어준다. 배포되는 파일 이다. (react 경우 build , next 경우 .next 파일로 build 되게 된다.) 세번째는 install 명령어를 적어주면 된다. yarn install or npm install 일 것 이다. 이렇게 설정을 하고 Deploy 를 누르게 되면 대략 1~2분 정..

카테고리 없음 2022.05.21

aws App Runner next 배포하기

aws 에 로그인 후 검색창에 app runner 에 검색 후 들어간다. 서비스 생성을 눌러준다. 나는 git hub 에 소스 코드를 배포 하고 싶기 때문에 소스 코드 리포지토리를 선택 후 git hub 로그인 후 연결 한다. git hub 가 연결이 되면 내 리포지토리가 연결 되게 된다. 선택지에서 내가 배포하고 싶은 리포지토리를 선택 후 원하는 브랜치를 선택해준다. 이후에 선택한 브랜치가 update 되면 자동으로 배포된것도 update 된다. 빌드 구성은 배포할 폴더에 설정 파일을 만들어서 작업 할 수 있지만 오늘은 브라우져에서 설정 하겠다. 원하는 서비스 환경과 버전을 선택후 빌드 명령어를 입력해준다. 기본적으로 install을 해주어야 하며 이후 명령어는 && 를 붙여주어 build 를 해준다...

카테고리 없음 2022.05.21

mongodb PORT 변경 및 외부접속 허용

aws 우분투 기준 $ cd /etc $ vi mongod.conf mac 기준 $ cd /usr/local/etc $ vi mongod.conf bindIp: 0.0.0.0 으로 변경 하면 된다. 원하는 ip 가 있을경우 그 ip 를 작성 후 esc -> :wq! 이렇게 저장하면 된다. port 변경은 원하는 포트로 변경 해주면 된다. 이렇게 파일을 변경해주고 db를 껏다 켜주면 된다. aws 우분투 기준 sudo systemctl restart mongod mac 기준 brew services restart mongodb-community

카테고리 없음 2022.05.19

mac mongodb 설치 후 nodejs 연결

몽고디비 설치 $ brew update $ brew tap mongodb/brew $ brew install mongodb-community $ brew services start mongodb-community $ mongo 몽고디비 설치 완료 계정 추가 $ use admin $ db.createUser({ user:'아이디' , pwd:'비번', roles:['root']}) successfully added user 가 뜨면 정상정으로 만들어 진거다.프로젝트 생성 프로젝트 생성 $ npm install express-generator -g $ express [프로젝트 이름] 이렇게 express 프로젝트가 생성된다. $ npm install $ npm start $ npm install mongoo..

카테고리 없음 2022.05.19