대가는 결과를 만든다

출처 : aws 공홈 https://aws.amazon.com/ko/s3/faqs/?nc=sn&loc=7 Amazon Simple Storage Service(S3) – 클라우드 스토리지 – AWS aws.amazon.com

react-native 처럼 vue로도 native app을 빌드할 수 있는 솔루션들도 점점 생기고 좋아지고 있다. https://nativescript-vue.org/en/docs/introduction/ NativeScript-Vue - A NativeScript plugin for building truly native applications using Vue.js A NativeScript plugin for building truly native applications using Vue.js nativescript-vue.org 참고로 weex 라는 vue로 개발할 수 있는 cross flatform framework도 있다. Alibaba에서 시작해서 현재 아파치 재단에 속해 있는 오픈소스 이..

http 통신으로 api와 연동 혹은 api를 구현할 때, 보편적으로 자주 쓰는 Content-Type, Mime-Type이 있지만, 종류에 대해 한번 정리할 필요가 있어 일단 종류와 개념에 대한 내용 정리한다. content-type이란 간단히 말해 보내는 자원의 형식을 명시하기 위해 헤더에 실리는 정보 이다. 이 값은 표준 mime-type중의 하나이다. Content-Type 1) Multipart Related MIME 타입 - Content-Type: Multipart/related

리눅스에서 docker를 사용하다가 특정 위치에 용량이 쌓이는 것을 확인하다가 정리한 명령어 du -sh : 현재 위치 디렉토리의 전체 용량 확인 du -sh * : 현재 위치 디렉토리의 디렉토리 별 용량 확인 df -hT : 파티션 별 용량 확인

개발중인 web 3D viewer에서 용량이 큰 3D model을 load하는 과정에서 웹페이지가 freezing되는 현상이 발생했다. 이것을 해결하기 위해, 웹에서 백그라운드 스레드를 사용하여 해결하고자 리서치하고 간단한 내용만 정리한다. Web Worker란? 웹에서의 백그라운드 스레드 이다. 메인 실행 스레드와 별도로 백그라운드에서 실행되는 HTML 페이지로부터 수행되는 javascript 메인스레드와 Workers는 메세지를 통해 데이터를 교환한다. 이 Workers는 메인 실행 스레드와 구별되어 실행되므로, Web Workers를 활용하여 Instance Blocking 없이 process intensive task들을 처리할 수 있다. 1) worker에서는 document, window와 같..

https://www.w3schools.com/css/css_rwd_mediaqueries.asp /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) {...} /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) {...} /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) {...} /* Large devices (lapto..

카카오톡이나, 페이스북 같은 SNS에 URL 공유 시 보이는 미리보기 이미지, 제목, 내용들은 어떻게 표시되는 것일까? 1. 원리 : 링크라는 것이 인식되면 크롤러가 해당 웹사이트의 HTML head 의 메타 데이터를 크롤링하여 미리보기 화면을 생성 2. 프로토콜 : 비교적 통일된 방법으로 페이스북의 open graph 프로토콜을 사용한다. : 페이스북, 네이버 블로그, 카카오톡 등에서 사용하고 있는 프로토콜 : open graph 문서 - http://ogp.me/ : https://developers.facebook.com/tools/debug/sharing/ 에서 크롤링되는 정보 확인 가능 참고 : https://brunch.co.kr/@jiyeonsongofnt/11 링크 붙여넣을 때 보이는 이미..

1. 디자인 패턴? - 설계 규칙이라고 이해하면 무방하다. 프로그래밍을 할 때 기본적으로 '사용자의 인터렉션 -> 로직 -> data의 변화 -> 사용자에게 보이는 UI의 변화'로 흘러간다. 이 흐름을 구현할 때 설계를 규칙화한다면, 수정과 유지보수에 유리하기 때문에 디자인 패턴의 필요하다. - 디자인 패턴은 여러가지가 있으며 각 패턴마다 장단점이 있을 수 있고, 상황과 언어 프레임워크에 따라 그 장단점이 다를 수 있겠다. * 의존성(Dependency)이란? 자주 등장하게 되는 용어 의존성의 개념에 대해 정리해보자 : 두 모듈간의 연결, 두 클래간의 관계, 둘중 하나가 다른 하나를 사용하는 상황을 의존성이 생긴다라고 할 수 있겠다. 좀더 단순히 말하면, 파라미터나 리턴값 또는 지역변수 등으로 다른 객체..