대가는 결과를 만든다

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 요청 헤더를 사용해 클라이언트가 가장 최근의 자료를 가지고 있는지 여부를 ..

기조연설에서는 현재 개발 트렌드와 그에 맞춘 aws의 수많은 서비스들의 지원 방향과 그 동기를 들을 수 있었습니다. 또한 aws의 각 서비스들을 이용해 간편하게 구축한 computer vision, AI 강화학습, sensor visualization 등의 시연도 볼 수 있었습니다. 이후 세션은 다음과 같이 4가지 세션을 참석했습니다. 1. AWS Fargate를 사용한 서버리스 컨테이너 활용 하기 - 삼성전자 개발자 포털 사례 (앱현대화) 2. 실시간 데이터 처리를 위한 현대적 애플리케이션 개발 방법 (앱 현대화) 3. DevOps 개발자가 되기 위한 쿠버네티스 핵심 활용 예제 알아보기 - 삼성 health 사례 (앱현대화) 4. ROS 로 실현하는 어릴 적 로봇과학자의 꿈 - 우아한 형제, 두산 로보..

docker 의 장점, 사용 이유 * Docker는 주로 하나의 애플리케이션 환경이 여러 대의 노드상에서 구동되어야 하는 확장성이 필요한 환경에서 매우 강력한 장점을 발휘할 수 있습니다. 클라우드 환경이 성숙됨에 따라 IT는 개발, 배포, 운영의 순환 구조의 애자일 개발 방법론이 더 빠른 속도를 요구하게 됐고, 이에 따라서 필연적으로 Docker는 더 주목받을 수 밖에 없게 되었습니다. 1. 개발자 관점에서 바라본 Docker의 장점 – 하나의 컨테이너는 물리 환경과 가상화 환경에서 모두 호환이 가능하므로 이식성이 매우 우수하다. – 리눅스의 경우 다양한 배포판이 존재하는데, 개발과 운영환경의 서로 다른 리눅스 상에서도 애플리케이션 수정이 필요 없다. – 컨테이너간은 완전 격리된 구조로 각 애플리케이션이..

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) 구성을 추가하는 방법..

Google의 3D 모델의 압축 코덱 오픈소스 라이브러리인 draco가 있다. obj 파일과 draco로 인코딩/디코딩 테스트를 해보았다. (draco로 decoding할 시 결과물은 drc 파일) c++ 환경에서 빌드 후 커맨드라인으로 인코딩/디코딩 테스트를 했다. draco encoding 테스트 결과 아래 표와 같이 굉장한 압축효과가 있다... 인코딩 시간은 대부분 평균 1초 이하다. Compression Leven : Default 7 (1~10) 파일 Tri / Vtx 원본 .obj 크기 (KB) 압축 .drc 크기 (KB) 인코딩 시간 (ms) Dress (CLO) 648,088 / 530,930 87,471 2,366 1032 Shirts (CLO) 536,624 / 284,416 58,52..

-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..