본문 바로가기

분류 전체보기507

[리뷰] 집에서 차려본 강소술상 시리즈 1 [알탕 & 오돌뼈 & 주먹밥] 요새 SBS 스토브리그가 재밌었다는 얘기를 듣고 본방을 못봐서 별생각 없이 한번 보자고 얘기하고 첫편을 봤는데... 미쳐버리겠다;; 그래서 요새는 퇴근하고 집에와서 마눌님과 애기 재우고 3편씩 규칙적으로 정주행 중이다. 단점은... 끊기가 힘들다;; ㅠㅠ 정말.. 3편째가 지나면... 서로 말없이 마주본다.. 아무튼 .... 못보신 분들은 꼭 한번 보시기 바랍니다. 요새 코로나로 나가기도 힘들고 퇴근하고 집 직행. 어디 먹으러 나가기도 힘들고 하네.. 제발 봄이 오고 벚꽃놀이 가기전에는 종식되기를 간절히 바래본다.. 봄만 되면 허리띠 풀고 먹으러 돌아다니는데... ㅠㅠ 어쨌건.. 이제 집에 있게되는 상황이 자주 되고해서.. 강소술상을 차려보기로 하고 준비했다. 우리 마눌님이 좋아하시는 매운맛의 오돌뼈, .. 2020. 2. 27.
VBA 인터페이스 설명 및 간단한 예제 이 VBA 에 대해서는 엑셀(Excel) 을 베이스로 두고 설명을 진행한다. 먼저 운영체제 윈도우에서 실행하는 엑셀에서는 다음 처럼 "개발도구" 를 활성화 시킨다. 맥 (Mac OSX) 오피스에서는 (Command + ,) 키를 누르고 Excel 기본 설정을 활성화 시킨다. 이제 Excel 메뉴 영역에서 Visual Basic 를 클릭하여 편집기를 활성화 한다. 이제 편집기가 활성화 되면 인터페이스를 확인하자. Visual Basic 개발을 해보거나 Visual Studio 을 사용해본 사람은 이미 익숙한 화면 일것이다. 하지만 처음에 하단에 보이는 "직접 실행" 창이 없을 것이다. 우리가 일반적으로 개발할때 보는 콘솔이나 로그 등을 확인하려면 "직접 실행" 창을 활성화 시켜야 한다. 위 화면에서처럼 직.. 2020. 1. 31.
VBA (Visual Basic for Application) VBA (Visual Basic for Application) 는 사용능력에 따라서 엑셀을 이용하는 사람의 클래스를 어어엄처어엉나게에 업그레이드가 된다. 개인적으로 이 세상에 개발된 프로그램 중 엑셀이 가장 뛰어나다고 생각하는데 거기에 터보부스트 같은 느낌이다. 기본적으로 Visual Basic / VBScript 에 익숙하다면 보다 수월하게 작성할 수 있다. 만일 문법이나 내장함수등에 대해서 모르겠다면 MSDN 을 참고하자. 링크 : https://docs.microsoft.com/ko-kr/dotnet/visual-basic/ Visual Basic 설명서 - 시작, 자습서, 참조. .NET의 Visual Basic 프로그래밍 알아보기 - 초보 개발자, Visual Basic을 처음 사용하는 개발자,.. 2020. 1. 31.
Visual Studio Code (테마설정) Visual Studio 코드를 주 개발 IDE 로 사용하다보니, 창이 여러개 열렸을때 관리가 어려웠는데 다음과 같이 색상에 대하여 설정합니다. 파일경로 : .vscode/settings.json 2019. 11. 20.
아이콘 폰트 정리 요새 데스크탑 웹 / 모바일 웹 등 가릴것 없이 아이콘의 필요성은 지속적으로 증가하고 있다. 수많은 사람들이 아이콘같은 요소에 지칠 확률이 높으므로 다음과 같이 아이콘폰트를 정렬해본다. 1. Linearicons Free (프리) 라고 되는 부분만 사용해도 아이콘을 유용하게 사용할 수 있다. 2. FontAwesome 아이콘 폰트 부분에서 전통적으로 사랑 많이 받은 아이콘 폰트 3. icofont 오픈소스로서 다운로드 받아 정적용도의 디렉토리로 지정. 2019. 10. 10.
Nuxt.js PWA (Progressive Web App) 참고 링크 Nuxt.js PWA 적용기 Nuxt PWA 적용기 0. PWA란? PWA는 구글에서 밀고 있는 웹기술로 progress web app의 역자입니다. 대표적인 기능으로는 푸시 알람, 오프라인 지원, 앱 같이 설치 된다는 점입니다. 일단 저는 푸시 알람과 오프라인 지원은 완벽하게 지원되는 단계가 아닌 어떻게 도입할 수 있는지에 대해서 서술해보려고 합니다. 나중에 둘 다 도입 및 해결하게 되면 추가적으로 ... velog.io 위 링크에서 너무나 깔끔하고 디테일하게 설명되어있습니다. 2019. 10. 10.
JAVASCRIPT 서비스 성능 테스트 LightHouse React.js / Vue.js 등등 자바스크립트로 개발된 서비스에 대하여 성능테스트를 할 수 있다. 약간의 수고(?) 를 더하면 지속적으로 체크해가면서 성능 향상을 시도해 볼 수 있을것 같다. 이 소프트웨어는 구글에서 제공하는 것으로 크롬 확장프로그램으로도 사용할 수 있다. (링크) 현재 Vue/Nuxt 로 프로젝트를 진행하고 마무리 단계에서 성능문제를 확인해볼 필요가 있었다. 다음에는 LightHouse 를 이용하여 성능 테스트하며 향상 시키는 과정을 포스팅 해보자. 관련링크 How we got a 100% Lighthouse performance score for our Vue.js app 2019. 10. 10.
PWA - Manifest.json Generator (생성) PWA (Progressive Web App) 에서 필수적인 manifest.json 파일을 생성시 파이어베이스에서 생성해준다. 아래 그림에서 필요한 부분을 입력하고 Generate!!!! 그리고 위와같이 생성된 파일 루트디렉토리 밑에 지정하여 위치하고 다음과 같이 메타태그를 등록해준다. URL : https://app-manifest.firebaseapp.com/ App Manifest Generator manifest.json Generate Icons The Web App Manifest allows for specifying icons of varying sizes. Upload a 512x512 image for the icon and we'll generate the remaining size.. 2019. 10. 10.
Vue/Nuxt.js - v-html CSS (scoped) 에 스타일이 적용안되는 현상 Vue/Nuxt 에서 개발할때 컴포넌트에서 영역에서 속성을 부여하면 해당 컴포넌트에서만 스타일이 적용된다. 그런데 v-html 속성을 통해서 렌더링된 HTML 코드에는 Vue-Loader 를 통하지 않기 때문에 scoped 를 지정했는데도 스타일이 적용이 되질 않는다. .page img { width:100% !important } 이 문제는 렌더링 순서에 따른 문제인데 다음과 같이 Deep Selector(딥셀렉터)로 지정되면 해결된다. .page >>> img { width:100% !important; } 링크 2019. 10. 10.
[펌] VueJS 로 개발하면서 겪은 삽질들 출처 : [VueJS] VueJS 로 개발하면서 겪은 삽질들 [VueJS] VueJS로 개발하면서 겪은 삽질들 현재 VueJS + Vuex + Nuxt 로 학습 & 개발하고 있다. medium.com 위 링크가 본문이며 퍼온글입니다. 현재 VueJS + Vuex + Nuxt 로 학습 & 개발하고 있다. 우선 api 만 보면서 열심히 학습하면서 삽질을 하고 있는데, api 내용에 정확히 명시되지 않아서 고생했던(?) 것들을 남겨본다. api에 용어는 한글이 아닌 영어 그대로 명시했으면 좋겠다. (번역하신 분께 테클은 아닙니다) computed: 계산된, watch: 감시자, method: 메소드 computed: set () {} => 계산된 setter 계산된은 도대체 무엇이며 watch는 왜 감시자에서.. 2019. 10. 1.
[펌] 배시스크립트 요약정리 너무 깔끔하게 정리가 잘되어있어서 퍼옴. https://blog.gaerae.com/2015/01/bash-hello-world.html 2019. 9. 26.
서비스 포트 죽이기 Node.js (Express.js) 로 개발하다보면 포트관련 이슈가 발생할때가 있다. 메세지는.. something is already running on port 3000. (사용중인 포트) 그래서 포트를 다음과 같이 죽인다. kill -9 $(lsof -t -i:3000) 별거 아닌데 막상 할라 그러면 생각이 안난다;; 2019. 9. 25.
[펌] Node.js MySql PoolCluster https://ifsnow.github.io/nodejs/2017/08/29/advanced-poolcluster-of-mysql-pool-booster.html 2019. 5. 18.
Nuxt.js Axios CORS Error 삽질기록 : Nginx + Nuxt.js / Axios, CORSNuxt.js / nuxt.config.js 에 설정된 모듈(modules) 에서 설정된 axios 모듈(https://axios.nuxtjs.org) 을 사용하던 중 CORS 이슈가 발생하였다.현재 개발중인 서비스의 구성인 Nginx + Nuxt.js 프록시로 구성되어있다. 80 : Nginx ( http://www.jkun.net )3000 : Nuxt ( http://localhost:3000 ) 이 중 POST 로 통신을 하다보니 다음과 같은 에러가 발생하는 이슈였다. Failed to load http://www.jkun.net: Response to preflight request doesn't pass access control.. 2019. 2. 15.
Nuxt.js / SSR / 비동기 데이터 서버사이드 렌더링시 주의사항 정말.. 말도 안되게 삽질을 했어서 포스팅을 하게되었다. Nuxt.js 로 프로젝트를 진행하던 중서버사이드 렌더링을 해야하는 구간에서 비동기데이터를 조회하여 처리하는 과정이다.사전에 Nuxt.js 라이프사이클을 이해하는게 중요하다. 요약하자면 다음과 같다. 상황 : 전역컴포넌트 (GNB) 와 데이터 리스트를 SSR 처리해야하는 상황나는 다음과 같이 처리하였다. 1. Vuex 의 State 를 구성// 생략 2. Vuex 에서 nuxtServerInit 메소드를 async/await 으로 비동기 처리수행. 3. Vuex 의 Store 중 dispatch 하기위한 actions 의 메소드역시 async/await 으로 구성하여 작성. 4. 서비스 전역에서 사용하기 위하여 미들웨어를 작성하여 nuxt.conf.. 2019. 2. 13.
console.log textColor Reset = "\x1b[0m" Bright = "\x1b[1m" Dim = "\x1b[2m" Underscore = "\x1b[4m" Blink = "\x1b[5m" Reverse = "\x1b[7m" Hidden = "\x1b[8m" FgBlack = "\x1b[30m" FgRed = "\x1b[31m" FgGreen = "\x1b[32m" FgYellow = "\x1b[33m" FgBlue = "\x1b[34m" FgMagenta = "\x1b[35m" FgCyan = "\x1b[36m" FgWhite = "\x1b[37m" BgBlack = "\x1b[40m" BgRed = "\x1b[41m" BgGreen = "\x1b[42m" BgYellow = "\x1b[43m" BgBlue = "\x1b[.. 2019. 2. 12.
[펌] [MySQL] MySQL WITH 재귀쿼리 계층구조 MySQL 에서도 재귀쿼리가 된다;;너무 심플해서 울뻔;; ㅎㅎㅎ 참 마리아 디비에서도 된다. 테스트 해봄. [MySQL] MySQL WITH 재귀쿼리 계층구조 보통 WITH 문 재귀쿼리 를 이용해서 계층 구조를 나타내는데 사용한다. 일단 재귀쿼리란..? 재귀 - 원래의 자리로 되돌아가거나 되돌아옴 이란 뜻을 갖고 있다. 쉽게 생각하면 같은걸 반복한다고 생각하면 쉬울까.. 즉 재귀쿼리는 한 쿼리가 반복되어 실행된다고 생각하면 된다.이러한 반복 쿼리는 계층구조를 SELECT 할때 유용하게 쓰인다. 기본적으로 코드 테이블 구조를 만들때code 와 parent_code(부모코드) 컬럼으로 구성하게 되면계층구조로 select 하기 편해진다. WITH 문을 이용한 계층쿼리 부터 확인해보자 CODE_TABLEcod.. 2019. 1. 25.
[ERROR] net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK) 현재 Nginx 에서 프록시 패스로 Node.js 를 연결해서 개발하던 중에 갑자기 뜬금없는 에러가 발생했다.그리고 원인을 찾지 못했지만 사파리에서는 에러가 발생하지 않는데 크롬에서는 에러가 발생했었다;; 일단은 얼마전에 엔진엑스를 실행시키는 권한을 특정유저로 변경하였는데,여기랑 연관성이 있다고 생각했다. 그래서 구글링 하던중에 이 사람이 좀 정리를 깔끔하게 해놓은 듯 하다. 링크일단은 OSX 기준으로는 /usr/local/var/run/nginx 경로로 이동하면 다음과 같은 경로들이 보인다. 일단은 proxy_temp 안에 들어가서 파일들을 모두 삭제 했다.그리고 다시 이 곳으로 와서 사용하는 특정유저로 모두 권한을 변경하고 재시작을 하였다.chown -R 특정유저:특정유저그룹 ./*일단은 혹시 몰라서.. 2019. 1. 18.