지혜를 창출할 창고

안녕하세요. webpack.config.js 파일을 익히던 중 에러를 마주한 내용을 기재하려고 합니다. 문제는 npm run build를 실행했을 때 확인된 내용이고, 설정에는 이상이 없었습니다. 그렇지만 npm 설치를 여러가지 한 상황에 의존성 모두 failed를 뿜어내는 log는 마주하는 순간 오늘 잠 못자려나 싶었습니다. 관련된 error 내용은 불필요하다 싶은 부분은 다 지웠고 templateLoader, vue loader 이러한 애들이 작업할 때 오류가 난다는 것인데 막막했던 부분입니다. ● 에러 내용입니다. Module build failed (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): / 더보기 ERROR in ./Bas..

안녕하세요. 이번에는 호출 시 1초마다 stock을 출력하는 project 생성을 기록해보겠습니다. 언어는 kotlin으로 생성하고, IDE는 intellij로, build는 gradle로 생성합니다. 각 클래스 형식이나 부수적인 설명은 포함되어 있지 않습니다. 프로젝트 생성 spring initializr 선택 SDK 버전을 선택합니다. 변경사항 Artifact: 사용자 정의 Type: gradle prject Language: kotlin java version: 11 Description: project 설명 Web Spring Reactive Web 생성 후 Application을 실행하여 동작 여부를 확인합니다. Application이 있는 package인 demo에 RestController...

안녕하세요. Vue js의 문법을 습득하며 다시 정리해보기 위해 글을 작성합니다. CDN 먼저 vue를 사용하기 위해 필요한 cdn입니다. 가장 최신 버전의 vue를 제공합니다. VUE INSTANCE -인스턴스 생성 VUE COMPONENT 1. 전역 컴포넌트 전역 컴포넌트의 경우 주로 공통의 template 형태의 컴포넌트를 재사용하여 사용합니다. 2. 지역 컴포넌트 render 결과 위 두 예제에서 render 이후의 결과물은 아래와 같습니다. My Component!! PROPERTIES 뷰 인스턴스를 생성할 때 자주 사용될 속성입니다. el: '' 뷰 인스턴스를 붙일 Element를 지정합니다. el: "#root" data: {} 뷰 인스턴스가 사용할 데이터를 정의합니다. data: { msg..

안녕하세요. 저희 팀에서 요즘 공부 방향으로 삼은 front framework 중 하나인 vue.js를 공부하면서 webpack에 대한 정리가 필요할 것 같아 기록하게 되었습니다. Vue를 위한 간단한 webpack 이라고 생각하시면 될 것 같습니다. 먼저 필요한 자원은 node와 node를 설치한 후 npm, 그리고 vue입니다. npm 초기화 명령어 npm init 생성되는 파일 package.json package-lock.json 파일의 내용과 설명 내가 쓰는 남의 소스를 정리해 두는 파일이다 - 제로초 님 방송 이후에 npm i vue 와 같은 npm에서 install 하는 것들의 의존성(?) 또는 파일의 버전들이 dependency 됩니다. ex) { "name": "npm-init-test"..

안녕하세요. 도커를 활용할 때 가장 불편했던 것 중 하나는 기본 command가 없다는 것이 아닐까 생각합니다. 제가 불편했기 때문에.. 이번 글은 ubuntu와 centos를 실행시켰을 때 항상 실행했었던 명령어들을 포함하고 있는 컨테이너를 이미지화 하여 지속적으로 사용할 예정입니다. # apt-get update # apt-get install sudo iputils-ping net-tools dnsutils 저는 주로 웹을 다루기 때문에 java와 때로 apache를 사용합니다. 필요에 의해서 java도 설치한 컨테이너를 이미지화하여 활용할 수 있습니다. 명령어 docker commit -m "first commit" test_container centos:latest docker commit [o..

안녕하세요. 기록 안하고 익히기만 하려고 했는데, 시간 지나면 기억이 정확치 않을 것 같아서 기록하게 되었습니다. 공부한 내용은 시작하세요 도커! 책의 내용입니다. 먼저 사용자 정의 bridge를 생성한 후 세 개의 컨테이너를 실행하여 round robin을 확인하는 예제입니다. 1. Create Bridge docker network create --driver bridge mybridge 2. Start Container docker run -itd --rm --name container_1 --net mybridge --net-alias alias_33 ubuntu docker run -itd --rm --name container_2 --net mybridge --net-alias alias_33..

안녕하세요. 이번 포스팅은 볼륨을 통해 데이터를 저장하고 마지막 삭제까지의 과정을 작성하고자 합니다. 몇 가지 볼륨을 공유하는 방식 중 가장 간단한 docker volume 명령어를 사용한 방식입니다. 1. 도커 볼륨 생성 docker volume create --name testvolume 이제 이 볼륨을 공유할 도커 컨테이너를 생성하겠습니다. 2. 컨테이너 실행 docker run -it --name testcontainer_1 -v testvolume:/log/ centos 컨테이너 실행 후 Ctrl + P, Q로 컨테이너를 빠져나옵니다. 두 번째 컨테이너로 볼륨 설정을 넣고 확인해봅니다. docker run -it --name testcontainer_2 -v testvolume:/log/ cen..

서버 구축을 연습할 때 도커는 매우 유용합니다. 정말 유용하게 사용하기 위해 명령어를 익혀봅니다. 더보기 명령어를 나열하고 각 명령어의 설명을 하려니 설명 글을 먼저 썼어야 했네요.. Docker는 image와 container가 있습니다. java 기준으로 image는 Class, container는 instance로 생각하시면 매칭이 되지 않을까 싶습니다. 현실 세계에서 사람이 있고 그 정의한 부류에 속하는 고필성이라는 객체의 이해관계로 매칭되지 않을까 싶습니다. 코드를 작성해 놓은 프로그램과 프로세스라고 간단하게 생각하시면 좋겠습니다. 예를 들어, web과 database를 각각 centos에 설치하고 상호 간 연결하여 사용하고자 할 때 centos라는 부류에서 내부 프로그램 설치를 web, dat..

안녕하세요. 운영 업무에서 급하게 서버 로그를 확인해야할 때 오늘 날짜가 기억이 나지 않을 때.... '오늘이' 하면서 달력을 누르는 행위가 싫어서 오늘 날짜의 directory로 이동하도록 설정한 내용을 포스팅하려고 합니다. 참 간단한 설정이지만 이러한 상황이 있을 때 저의 선택을 공유합니다. li 중간에 이미지를 삽입하려 하니 번호가 깨지네요. 읽으실 때 양해좀 부탁드립니다. 상황: 모놀리틱 웹 애플리케이션에서 file로 로그를 찍습니다. 로그는 /log/작곡가/년월일/file1.txt file2.txt 방식입니다. 스카우터에서 쿼리 에러와 사용자가 어떤 기능이 되지 않는다고 합니다. 원인을 파악하는데 오늘 날짜가 늘 기억나지 않습니다. 로그를 작곡가는 paganini, mendelssohn, viv..

카테고리 조회하는 웹 페이지에서 조회가 느려서 원인을 파악하기 시작 쿼리 수행 시간은 20msec (페이지 요청 후 응답이 끝나는 시점까지 총 7초~8초가 소요되었다.) 쿼리는 총 여섯 번의 self join하는 쿼리인데, 쿼리 수행만 본다면 문제가 되지 않는다. 과도하게 찍히는 로그 로그를 보니 개발과 운영 모두에서 이 정도의 로그는 필요하지 않기 때문에 로그를 껐다. - resultSet에 관련 내용을 검색한 결과 - 방대한 양의 로그를 찍어준다. - 결론 : resultSet 의 로그 끄기 logback-test.xml, logback.groovy 등의 파일이 있을 수 있다. 1. appender 2. 페이지가 요청 후 바로 뜨는 것을 확인하고 요청 업무는 해결하였다. 불필요한 로그는 끄자. - m..