대가는 결과를 만든다

bitbucket pipeline 이용 기본적인 내용은 이전 글을 참고 https://yunzema.tistory.com/257 bitbucket pipeline을 이용한 배포 1. Bitbucket pipeline Feature - Bitbucket의 CI/CD 통합 서비스 - config 파일(bitbucket-pipelines.yml)을 기반으로 빌드, 테스트, 배포를 자동화 할 수 있다. (js, docker, python등 다양한 언어를 지원함) -.. yunzema.tistory.com bitbucket pipeline을 이용하여 특정 브랜치, 태그, 북마크로 push되면 원하는 플랫폼으로 배포까지 연결할 수 있다. 그러기 위해서는 bitbucket-pipeline.yml 이라는 스크립트를 작..

1. Bitbucket pipeline Feature - Bitbucket의 CI/CD 통합 서비스 - config 파일(bitbucket-pipelines.yml)을 기반으로 빌드, 테스트, 배포를 자동화 할 수 있다. (js, docker, python등 다양한 언어를 지원함) - Cloud에 Docker Container를 생성하여 진행하는 방식이며, Linux에서 build, test할 수 있는 상황이어야 한다. - repository에 push할 때마다 pipeline trigger된다 ( 특정 tag, branch, bookmark를 trigger로 설정 가능 ) - 앞서 말했듯이 docker container에서 배포가 진행되므로, 배포시 특정 커맨드 실행도 script에서 정의 가능 하겠다..

https://cyberx.tistory.com/9 더 빠른 웹을 위하여 - 웹 캐쉬 (WEB CACHE) WEB-CACHE (TIME-SPACE TRADEOFF) 더 빠른 웹사이트를 위해 저희 개발자들은 눈물겨운 노력을 많이 합니다. - WebCache - Code Compressing - Image Optimizing - Image Spriting - Critical Rendering Path - We.. cyberx.tistory.com 304 Not Modified 브라우저가 서버에게 요청한 자료에 대해 서버는 클라이언트 내에 복사된 캐시를 사용하게 한다. 서버는 If-Modified-Since 와 If-None-Match 요청 헤더를 사용해 클라이언트가 가장 최근의 자료를 가지고 있는지 여부를 ..

ec2에서 호스팅 되는 웹app에서 s3에 위치한 자원 url을 이용하면 당연히 cors 오류가 생긴다. 그래서 s3 cors 설정이 필요하다. 간단함! 권한 tab에서 cors 구성 창에 작성 하면된다. * GET 참고 : https://docs.aws.amazon.com/ko_kr/AmazonS3/latest/user-guide/add-cors-configuration.html CORS와의 교차 도메인 리소스 공유를 허용하려면 어떻게 해야 합니까? - Amazon Simple Storage Service CORS와의 교차 도메인 리소스 공유를 허용하려면 어떻게 해야 합니까? 이 단원에서는 Amazon S3 콘솔을 사용하여 S3 버킷에 cross-origin 리소스 공유(CORS) 구성을 추가하는 방법..

-3D 모델을 Viewer에서 고품질로 표현하는 것이 목표이나 Model의 Mesh가 겹치는 부분에서 Mesh가 충돌나는 듯한 표현을 발견 (스크린샷의 화면은 three.js scene이지만, 실제 unity에도 동일한 현상이 일어남. 3D rendering 원리는 근본적으로 비슷함. 카메라, 빛, 물체....) -카메라가 담는 Scene 거리 범위 설정에 따라 우측의 스크린 샷과 같이 모델의 표현 상에 차이가 있음을 확인하였음. -WebGL 설정에서 Depth표현을 logarithmic 형식으로 설정하거나, Camera의 near, far값을 모델이 위치할 수 있는 범위를 잘 파악하여 설정함으로 해당 이슈를 해결 가능했음.

데이터의 용량은 감소하는 것을 확인하였으나, 옷의 내부 디테일 표현이 안되므로 좋은 방법으로 보이지 않음. (shader로 내부를 겉과 똑같이 표현하는 방식으로 매꾸기는 가능하나, 겉과 다른 속감을 정확하게 표현하는게 아니므로 해결책이 아님)

Webpack을 이용하여 현대 웹app을 개발하면서는 es6 사용을 하게 되었지만, pure한 javascript 표준 라이브러리를 구현할 기회가 생기게 되면서 es6에서 class처럼 사용했던 문법과 기존 전통적인 문법을 비교할 일이 생겨서 참고했던 잘 비교해둔 사이트를 스크랩 한다. https://medium.com/beginners-guide-to-mobile-web-development/super-and-extends-in-javascript-es6-understanding-the-tough-parts-6120372d3420 “Super” and “Extends” In JavaScript ES6 - Understanding The Tough Parts ES6 has made JavaScript l..

img태그의 css속성인 object-fit은 IE 11에서 지원 되지 않는다. 같은 효과를 적용하고 싶다면, div tag의 css background를 이용하면 된다. example) object-fit : cover; transform : translateY(center); => background-image : url("path"); background-size : cover; background-position: center; 이렇게 div tag의 background속성으로 제어하면 같은 효과를 낼 수 있음!