전체 글 검색 결과
275 개의 검색 결과가 있습니다.
[DEV] App Dev ∕ Web Front

[vue.js] 개발환경구축

# 필요 설치 파일1. chrome2. visual studio code3. node.js4. chrome 플러그인 : vue.js devtool # 튜토리얼 파일 경로https://github.com/joshua1988/learn-vue-js # vue.js visual studio plugin-vetur : vue.js 에서 지원하는 플러그인-Material Icon Theme : 아이콘 테마 : 상단 속성 - 아이콘 테마 클릭-Night owl : 코드 색 테마(코드 강조 하이라이트 플러그인, 베이스 코드) : 상단 속성 - 색 테마 클릭-live server : index.html과 같은 파일에 우클릭 후, live server 클릭시 바로 웹페이지 확인 가능 # chrome vue 개발자 도구-..

2020. 11. 30. 16:39
[DEV] Developer 회고

[DB] 공유기가 설치된 집 PC에서 서버를 실행시켜보자.

## 개발 일지### 2020.07.01(수)### bug fix- 에러 : primordials is not defined- package.json 내 추가{ "scripts": { "preinstall": "npx npm-force-resolutions" }, "resolutions": { "graceful-fs": "4.2.3" }}- 원인 : Gulp 3 버전은 node 12 버전에서는 제대로 동작하지 않음- 출처 : https://nykim.work/70 ### 서버 외부 공개- 서비스를 외부에 공개할 때는 방화벽을 풀어야 한다. 아래의 명령어를 터미널에서 실행하면, 8080포트가 열린다. 이후 다시 방화벽을 실행한다.```firewall-cmd --permanent --add-port=8080..

2020. 11. 27. 21:35
[CDS] DevOps/Docker

Docker 명령어 핵심만 이해하기

# 개요기본적인 docker에 대한 동작 방식은 알고 있는 상태에서 명령어만 정리하겠다.1. docker hub에서 이미지를 받을때는 pull 명령을 사용한다. 예를 들어 wildfly의 최신버전(latest)를 받을 경우 다음과 같이 한다. docker pull jboss/wildfly:latestdocker pull docker 내에 docker-hub로부터 이미지를 다운로드 하라. 2. 내가 받은 모든 이미지들(예전에 ISO파일과 비슷하다고 보면 될 듯)의 목록을 볼 경우 다음과 같이 한다 docker imagesdocker 내에 지금까지 설치된 모든 이미지를 조회하라. 3. 이미지 세부 정보를 확인할 때는 inspect 명령어를 사용한다. docker inspect jboss/wildfly:lat..

2020. 11. 26. 13:22
[CDS] DevOps/Docker

Docker 사용법

# Docker 개요개발 환경 구성에 대한 문서를 계속 업데이트한다면 이런 문제가 최소화되겠지만, 상상하는 것만으로도 진이 빠지는 일인 건 분명 # Docker 적용하기1. local에서 프로젝트 폴더를 생성하고자 하는 경로에서, git clone해오거나, usb에서 프로젝트 폴더를 복사 2. 프로젝트 루트 디렉토리에서 도커 이미지 빌드 및 생성[cmd] cd 프로젝트폴더경로 [cmd] docker build -t (도커이미지이름)(ex) docker build -t sdweb-docker-img// sdweb-docker-img라는 도커 이미지가 생성됨// 아래의 명령어로 생성된 docker 조회 가능[cmd] docker image ls | grep (검색어)(ex) docker image ls | ..

2020. 11. 24. 16:56
[DEV] App Dev ∕ Web Back/ETC

[npm] fastify란?

# Fastify란?Fast and low overhead web framework, for Node.jsNode.js를 위한 빠르면서도 오버헤드가 적은 웹 프레임워크이다. 효율적인 서버는 낮은 비용으로 높은 응답성을 보여 사용자 경험을 향상시켜야 한다. 이를 위해서는 보안성을 유지하고 개발자의 개발에 불편함을 주지 않으면서도 수많은 사용자들의 요청을 효과적으로 처리해줄 필요가 있다.fastify는 최소한의 오버헤드와 강력한 플러그인 아키텍처로 최고의 개발 경험을 제공하는데에 초점을 맞춘 웹 프레임워크이다.Hapi와 Express를 참고해 개발되었으며 이름처럼 현재 가장 빠른 웹 프레임워크 중 하나 # 시작하기 npm install fastify # 기본 사용// Require the framework ..

2020. 11. 24. 10:58
[DEV] Developer 회고

gRPC란?

# gRPC란?A high-performance, open source universal RPC framework # RPC란?분산 네트워크 환경에서 조금 더 편하게 프로그래밍하기 위해 등장한 RPC어떻게 하면 분산 네트워크 컴퓨터 환경 또는 MSA(Micro Service Architecture)에서 프로그래밍을 쉽게 할 수 있을까? Q. 우리가 일반적으로 사용하는 커뮤니케이션 패턴은?Client - Server 패턴- Client는 요청하고 기다리고- Server는 요청한 내용을 실행하고 결과값을 반환하고- Client는 결과값을 받아 진행MSA를 통해 정말 다양한 언어와 프레임워크가 존재Polyglot한 구조를 지탱하기 위해선 프로토콜을 맞춰야 비용이 발생. Q. RPC의 궁극적인 목표는 무엇일까?..

2020. 11. 23. 17:25