Welcome to AceT's Blog(864)
-
vue.js 실습) 프로젝트 생성 및 분석
주저리 앞서 지난 시간에 vue.js 많은 이론들에 대해서 살펴보다가 말았다ㅋㅋ 이제는 Back-End 개발자들을 위해 하나의 프로젝트를 생성해보면서 vuejs 아키텍처 가이드를 만들어보자! :) 바로 실습 들어가자! 위의 스크린캡쳐는 여러가지 정보를 담고 있다. 모르는 부분이 있다면 한번씩 검색해서 찾아보도록 하자. 1. npm node package manager의 약자로 node.js의 모듈 관리를 하기 위해 사용 - install : package를 설치할 때 사용 예) npm install 패키지명 package.json에 포함된 의존성 패키지들이 일괄적으로 설치 됩니다. - init : 프로젝트를 초기화 해주는 명령어로 package.json file을 만들어줍니다. npm init --hel..
2022.11.16 -
새로운 맥북에 ohmyzsh 등을 적용해보자~
새로운 맥북을 받고 셋팅하는데 간만에 ohmyzsh을 셋팅! sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" 1. 테마적용 ~/.zshrc에 ZSH_THEME="agnoster" 적용 source ~/.zshrc 2. 한글깨짐 현상 iterm에 폰트를 수정하면 현상 수정! 2021.05.17 - [OS/Linux&Unix] - D2Coding으로 폰트수정 마찬가지 방법으로 색도 변경 3. 내 마음대로 이모지와 계정명을 정해보자. 역시나 vi ~/.zshrc 맨 아랫줄에 아래의 내용을 삽입! prompt_context() { # Custom (Random emoji) emojis=("🏀" "🌴" "💋" ..
2022.11.15 -
신형 맥북 손가락 3개로 이동 안되는 현상
브라우저 등 손가락 3개로 이동이 불가능해서 엄청 답답쓰~ 아래처럼 드래그 설정을 켰더니 잘됐다!
2022.11.07 -
지식그래프(Knowledge Graph) 관련 정보
시맨틱 웹의 목표 웹에 있는 모든 자원에 대한 의미(meaning)를 기계가 읽고 처리하게 만드는 것. W3C 컨소시엄을 중심으로 RDF, OWL과 같은 웹 표준이 만들어지고 링크드 데이터 기술을 통해 시맨틱 데이터를 연계하는 시도가 활발하게 진행. 구글은 2010년 프리베이스(freebase)를 개발한 메타웹(metaweb)을 인수하며, 3년 후 자사의 검색방식을 문자열이 아닌 의미를 이해하는 방식(things, not strings)으로 전환해 지식그래프(Knowledge graph) 서비스를 시작 했습니다. 구글의 지식그래프는 검색 서비스뿐만 아니라 음성 비서를 포함한 자사의 지능형 서비스의 핵심 데이터로 자리매김하고 있습니다. 비슷한 시기에 구글, 마이크로소프트, 야후, 얀덱스는 웹 자원을 기술하..
2022.11.02 -
Vue.js : SyntaxError: Cannot use import statement outside a module
간만에 앞단을 해보는데 오류가 발생! 오류내용 /usr/local/bin/npm run serve > kong-ui@0.0.0 serve /Users/terrypark/Project/kong-ui > vite preview /Users/terrypark/Project/kong-ui/node_modules/vite/bin/vite.js:2 import { performance } from 'node:perf_hooks' ^^^^^^ SyntaxError: Cannot use import statement outside a module at Module._compile (internal/modules/cjs/loader.js:892:18) at Object.Module._extensions..js (inte..
2022.10.18 -
What is istio?
Istio란? 플랫폼과 관계없는 오픈소스 서비스 매쉬로 마이크로서비스를 보호, 연결, 모니터링할 수 있습니다. Istio는 Kubernets, Nomad 및 Console에서 실행합니다. Service Mesh란? 간단히 말해 마이크로서비스의 네트워크 입니다. 예를 들어 서비스 A, 서비스 B간의 서로 통신하는 방법이자 각 서비스를 제어하는 지점 입니다. 또한 아래와 같이 각 서비스들이 직접 호출하는 것이 아닌 각 서비스마다 Proxy를 넣습니다.(Sidecar 구성 방식) 이렇게 하면 서비스로 들고나가는 트래픽을 네트워크 단에서 모두 통제가 가능하며, 트래픽에 대한 통제를 통해서 마이크로서비스의 여러가지 문제를 해결할 수 있습니다. ex) 써킷 브레이커(호출되는 서비스가 응답이 없을 경우 프록시단에서 ..
2022.09.01