잉

Proxy 설정 백엔드의 CORS를 피하기 위해 proxy를 설정해서 사용 한다. 참고: https://velog.io/@skyepodium/vue-proxy-사용하기 vue proxy 사용하기 vue cli 3.x 버전 이상에서 웹팩 개발서버를 이용해서 프록시 요청을 보내봅시다. velog.io cors 교차 출처 리소스 공유 (CORS) - HTTP | MDN 교차 출처 리소스 공유 (CORS) - HTTP | MDN 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라 developer.mozilla.org .env 파일 생..

https://getbootstrap.com/docs/4.6/layout/overview/ Overview Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, a flexible media object, and responsive utility classes. getbootstrap.com 뷰 문서를 확인하여 코드를 구성한다. 다음과 같이 Header, Sidebar, Content로 세부분으로 나눈다. 다음의 위치에 각각의 파일을 생성 한다. (파일 내용은 타이틀만 써주자) Header 파일: /src/components/layout/Header...

[작업 환경 만들기] 0.node 설치(14.18.2 버전) https://nodejs.org/ko/download/releases/ 이전 릴리스 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 윈도우 64, ***msi 파일 받아야한다 > 설치 및 버전확인 npm -v node -v 1.npm설치 npm : 자바스크립트 프로그래밍 언어를 위한 패키지 관리자 https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for W..

[mqtt 통신] : MQTT는 사물인터넷을 사용하기 위해 개발된 TCP 기반의 프로토콜로 낮은 전력 낮은 대역폭 낮은 성능의 환경에서도 사용이 가능 통신하는 방법은 크게는 publisher/subscriber로 진행이 되며 중간에는 브로커(Broker)가 존재 --> 웹을 ajax 동기 통신으로 구현해 놓았다. ajax통신은 1초에 한번씩 값을 요청하려면 부하가 걸린다. 실시간 소캣 통신을 하기위해서 MQTT(웹소켓 사용):비동기통신을 사용한다 채팅 , 온도 습도같은 계속적인 정보 받아올 때 사용한다. + 배송요청 → 브로커 → tcp통신(열어놓고 대기): 배달원이 요청 실시간으로 받아서 수행한다 Publisher(센서 장치)가 데이터를 브로커에게 전달한다면 각 Subscriber(출력장치 또는 처리 ..

https://web.postman.co/ node.js / sequelize / experess를 통해 만들어 놓은 데이터베이스에 Postman을 활용하여 get post patch delete 해보자. 리퀘스트 생성하기 get : DB 정보 받기 post : DB 테이블에 추가하기 저장. postgre SQL / pgAdmin에서 확인 patch : DB 정보 수정 localhost:3000/departments/1 get을 통해 확인해보기 지우기 localhost:3000/departments/1 /아이디 번호

[환경] 비주얼 코드 DB: postgreSQL 서버 : express 모듈 Sequelize : DB 작업을 쉽게 하게 해주는 ORM 라이브러리. 프라미스 기반이라 비동기 로직 작성에 유리하다. (ORM (Object Relational Mapping) : 자바스크립트 객체와 관계형 데이터 베이스를 쿼리 없이 서로 연결 ) [설치 ] 콘솔에 명령문 실행 npm init npm i express morgan sequelize sequelize-cli postgres pg npm i -D nodemon npx sequelize init (다른 필요한 미들웨어와 노드문(: 변경을 자동으로 반영)도 같이 설치하였다.) [DB 데이터 베이스 생성] 콘피그 확인 >>>pgAdmin DB에 database에 설정한..

[Docker hub로 이미지 공유하기 (push)] (이미지 만드는 2가지 방법) 도커를 공유한다 ! push 도커 허브의 레포지토리스 이미지 리포지토리 만들어졌다! pa_test이름의 버전 tagname cmd에서 우분투 환경의 git 설치된 이미지를 push 해보자. 1 우분투 이미지 다운로드 docker pull ubuntu:lastest 2 컨테이너 만들기 docker run -it --name my-ubuntu ubuntu bash 3 my-ubuntu컨테이너에 깃 설치하기 > apt update; > apt install git; > Y exit 나가기 4 my-ubuntu컨테이너(우분투 + 깃)를 새로운 이미지로 만들고 싶다. docker commit my-ubuntu s0109890/pa..

[image 만드는 두 번째 방법 : 빌드] Dockerfile 하나만들어서(Code 에서 : vscode에 docker extension 설치) FROM ubuntu RUN apt update && apt install -y git 우분투를 이미지를 기반으로 컨테이너를 만드는데 git을 설치해라 → 그것을 이미지로 만들어라. cmd docker build -t egoing:ubuntu-git-2 . . 은 dockerfile이있는 경로 ex) 우분투이미지 버전은 20.04 환경 python3 설치 var/www/html 경로를 만들고 그곳으로 이동 index.html 파일을 카피하고 그리고 파이선 3이 가지고 있는 http.server모듈을 활용해 웹 서버를 만든다. 참고 : 생활코딩 https://w..

[도커 : 이미지 만드는 법 - commit] 1. 우분투 이미지 다운로드 docker pull ubuntu:lastest ubuntu:18.04 #:뒤에 버전 2. 컨테이너 만들기 docker run -it --name my-ubuntu ubuntu bash 3. my-ubuntu컨테이너에 깃 설치하기 > apt update; > apt install git; > Y 4. my-ubuntu컨테이너(우분투 + 깃)를 새로운 이미지로 만들고 싶다. docker commit my-ubuntu egoing:ubuntu-git egoing 이미지 이름 : ubuntu-git 버전의 이름 (tag) 이미지 생성됨. 5. ubuntu-git 이미지를 활용해 새로운 컨테이너 생성 docker run -it --nam..

[포트 : 네트워크] 아파치 웹서버 httpd run 할 때 이름과 port 정해줄 수 있다. 로컬 호스트 몇 번으로 들어왔을 때 아파치 포트 80에 연결할 것인가. host의 포트를 지정해줄 수 있다. docker run --name w3 -p 8081:80 httpd -p 포트 옵션 : 로컬 호스트 8081로 접속할 때 아파치 컨테이너의 80번 포트까지 연결된다 *컨테이너의 html 파일을 수정하고 싶다. docker exec w3 pwd pwd : 현재 경로 보기 (컨테이너를 대상으로 명령 실행한다.) → 여러 줄의 명령을 전달하고 싶다, 지속적으로 : 옵션**-it**(interactive, tty) docker exec -it w3 pwd /bin/sh /bin/sh → bash 로 쉘 변경 가..