본문 바로가기

전체 글

(513)
Nativescript-Vue(네이티브스크립트) 로 모바일 앱 개발기 - 1 (채택 동기 및 개발환경구축) 일단 완성도 되지 않았는데 포스팅을 시작한다. 정리겸 실제로 삽질까지도 기록하기 위함. 혹시 이 글을 보시는 분들중 공유해주실 사항있으시면 공유 및 가르침 부탁 드립니다. 먼저 Nativescript-Vue(이하 NS) 를 선택해서 시작한건 다른 이유없습니다. 다른 언어를 공부할 시간도 없고.. (정말 없음 ㅠ) 빠르게 아웃풋을 보고 싶었기 때문입니다. 그리고 이미 Vue/Nuxt 로 빠른 생산성을 경험했기 때문에 기대감이 컸죠. 현재 Vue/Nuxt.js 로 개발한 끼니퍼 입니다. 현재 목표는 특별한거 없이 이 서비스를 NS 로 하이브리드 앱을 만들기 입니다. 이제 개발환경을 구축하는 것 부터 시작해야 하겠죠? 무작정 https://nativescript-vue.org/ko/ 로 접속하여 시작하는 방법..
CSS 스크롤바 (Custom) 스크롤바에도 CSS 속성을 부여할 수가 있다. 현재 디버깅용으로 데이터 확인하기 위해 엘리먼트만들었는데.. 디버깅용이라 해도 이뻤으면 좋게엤다~ CSS 코드 /* Debugging Element */ [data-storage] { opacity:0; position:fixed; right:-9999999px; top:-9999999px; z-index:9999999 } [data-storage][debug] { opacity:.8; right:10px !important; top:10px !important; width:200px; height:200px; overflow:auto; background-color:rgab(15,82,144,.54) !important; color:#fff !importa..
Node.js (Express.js) 304 / GET >> 엄청느려짐 ㅠ 언제부턴가 엄청나게 Node.js (Express.js) 로 구축한 API 서버에서 굉장히 응답을 늦게 하기 시작했다. 하지만 신기한건 모바일 웹에서는 정상적으로 빠르게 응답하는데 모바일 앱 (WebView) 에서는 엄청나게 느리게 응답했다. 하지만 일단 현재로서 처리한건 Express.js 에 etag 를 생성하지 않도록 설정한 것 이었다. 아직 명확한 의미는 모르겠으나 일단 정리전 메모 성격의 포스트를 한다. const express = require('express'); const app = express(); app.use(express.json()); // 동적요청에 대한 응답을 보낼때 etag 를 생성하지 않도록 app.set('etag', false); // 정적요청에 대한 응답을 보낼때 e..
NPM 패키지 만들기 NPM 패키지 만들때 상황에 따라서 필요한 내용을 포스팅 합니다. 사내 유틸리티 메소드를 NPM 패키지로 관리하기 이 글은 Node.js의 패키지 매니저인 NPM과 Git 저장소를 이용한 사내 라이브러리 관리를 다루고 있습니다. changjoopark.medium.com NPM 패키지 만들기 | {bbon} 자주 사용되는 기능을 Typescript 로 작성해서 NPM 에 게시한 후 다른 프로젝트에서 사용하고 싶어 NPM 에 패키지를 어떻게 공개하는지를 확인했습니다. 저는 @bbon 스코프를 사용해서 @bbon/formatter 패 bbon.kr
슈퍼빈즈 블랙 (식물성 단백질/Vegan/비건/바디밸런서) 체중관리를 위해서 식단관리를 해야하는데.. 닭가슴살은 해동하고 데우기도 귀찮고... 쉐이크는 타먹기도 귀찮고... 그랬는데.. 슈퍼빈즈는 그냥 흔들어만 먹으면 된다.. ㅋㅋㅋ
리눅스 비밀번호(패스워드) 변경 passwd 계정(ID) 일단 현재까지는 저걸로만 쓰고 있다. 하지만 자세하게 보려면 설명이 깔끔하게 되어있는 링크를 참고하세요
리눅스 사용자 목록 확인 링크 : 리눅스 사용자 목록 확인 cat /etc/passwd #전체 cut -f1 -d: /etc/passwd #ID grep /bin/bash /etc/passwd #USER ADD 를 통해서 grep /bin/bash /etc/passwd | cut -f1 -d: #USER ADD 를 통해서 (아이디만) 너무 자주 까먹는다;;
FFMPEG 로 동영상 압축 ( MP4 → WEBM ) gif 움짤을 좀더 빠르고 부드럽게 대체하기 위해 webm 을 사용하려다 보니 ffmpeg 라이브러리가 있었다. 해서 보니 친절하게도 OS 를 크로스로 지원한다. 이걸로 돌리다 보니.. 끽해야 mp4 파일 20메가짜리를 압축하는데... 엄청나게 오래걸린다.. ㅡㅡ;; 그래서 열심히 구글링하다 찾았다. 여기 들어가서 example 을 한번씩 해보길 권장한다. 난 일단 바로 실행하는 버전을 다운로드 받아 다음코드를 실행해보았다. (콘솔이나 터미널에서 실행) .\ffmpeg -i ..\ex.mp4 -c:v libvpx -crf 10 -b:v 1M -c:a libvorbis -an ..\ex.webm 그러니 22메가짜리가 1.6메가 짜리로 줄어들었다. 어차피 목적이 GIF 대체가 목적이니 "-an" 옵션을 추가..

반응형