개발자노트

현상 페이지 3개 (view1, view2, worklist)가 있고 전체 페이지의 레이아웃을 설정해주는 my-app가 있다. view2, worklist에서 새로고침을 하면 view1 페이지에 접근시 아무것도 나오지 않는다. view1의 this를 참조하면 이렇게 잡혀야 한다. (정상적으로 동작 할 때) 실제로는 이렇게 잡힌다. (shadow DOM이 활성화되어 있지 않음) 다른 페이지에서는 안 그런데 유독 view1 페이지에서만 그렇게 된다. 그렇다고 레이아웃을 관장하는 에서 view1 페이지를 특별히 다른 방법으로 접근하는 것도 아님. WTF? 천천히 생각해보자..천천히.. Shadow DOM이 안잡힌다는 것은 무엇을 의미하는가? 시도 1. 개발자 도구에서 vinimum 플러그인에서 같이 오류가 나..

IT/프로그래밍 2017. 2. 9. 17:12

기록 기간 : 2월 1주차 (토요일 제외) 음.. 노는 날 (토요일)을 제외하고도 주중에 생산성, 집중력이 낮았던 시간이 24시간이다. 지난 한 주의 시간을 어떻게 사용하였는지 분석해보자. 생산성이 괜찮게 측정된 시간은 주로 업무 시간, 출근길 (독서)이다. 업무 시간의 생산성은 괜찮은 것으로 보인다. 그리고 출근길에 잠깐잠깐 하는 독서가 매우 괜찮다. 원래 출근길 버스에서는 잠만 잤었는데 이제 정말 중요한 생산성이 낮았던 시간의 분석이다. 회수가 많지는 않지만 한번에 많은 시간을 낭비하는 경향이 많다. Top 3를 보면 불금에 새벽까지 술, 게임 8시간 퇴근 후 집에 누워서 스마트폰 5시간 퇴근 후 충동적으로 게임 3시간 이러한 낭비의 공통점은 '충동적'으로 발생했다는 것이다. 나는 확실히 자제력이 조..

에세이 2017. 2. 6. 21:54

윈도우 10은 컴퓨터를 부팅할때 잠금 화면에 예쁜 사진을 랜덤으로 보여준다. 오늘은 동생이 잠금 화면에 있는 사진이 예쁘다고 다운로드 받고 싶다고 했다. 그래서 잠금화면에서 보여주는 사진을 찾아내서 다운로드 받는 방법을 알아보았다. (이 작업을 시작하게 만든 예쁜 사진) 우선 파일 탐색기에서 아래 경로로 간다. %UserProfile%\AppData\Local\Packages\Microsoft.Windows.ContentDeliveryManager_cw5n1h2txyewy\LocalState\Assets 그러면 아래와 같이 긴 파일명을 가진 파일들이 있음을 확인할 수 있다. 이것이 윈 10에서 부팅시마다 랜덤하게 보여주는 사진들인데 확장자가 .jpg가 아니기 때문에 이미지 형태로 볼 수가 없다. 우선 이..

IT/프로그래밍 2017. 2. 5. 18:02

Progressive Web App (이하 PWA로 표기) 웹사이트와 모바일앱의 장점을 취하는 새로운 앱 생명주기 모델을 가진 웹 애플리케이션 본질은 모바일 웹이지만 마치 앱을 사용하는 듯한 사용자 경험 앱은 스토어에서 업데이트를 받아야 하는 부담이 존재하지만, PWA는 기본적으로 웹이기 때문에 배포 및 다운로드에 대한 부담이 없음 웹과 앱의 장점을 가짐 (전부는 아니겠지만) 웹 : 원하면 요청할 수 있는 권한 모델 등 앱 : 홈 화면에 추가하거나 알림 등을 사용 가능 전통적인 웹 및 웹앱에 비교해서 더 나은 사용자 경험(UX)를 제공할 수 있음 긍정적인 사례 실제 적용한 PWA앱에서 (Flipkart, 워싱턴포스트) 사이트의 성능 개선 및 UX의 증가로 인하여 사용자가 머무는 시간이 약 104% 증가 ..

IT/프로그래밍 2017. 2. 3. 14:22

IntelliJ에서 Spring MVC 만들기 목적 Eclipse (STS) 에서는 Spring MVC에 대한 기본 템플릿을 제공해주는데 IntelliJ로 넘어오면서 Spring MVC의 기본 템플릿을 설정해주는 부분이 사라졌다. (적어도 나는 못찾았다.) 따라서 IntelliJ에서 STS의 Spring MVC와 가장 유사한 형태의 프로젝트 구조를 가장 간단하게 작성한다. 대상 Spring에 대한 개념이 있고, STS에서 IntelliJ로 넘어온 분들 ※ 참고사항 : 인텔리제이 버전 : 2016.3.2로 작성 따라하기 Create New Project에서 Maven -> Create from archetype에서 maven-archetype-webapp 선택 next를 눌러서 쭉쭉 진행하면 아래와 같은 ..

IT/프로그래밍 2017. 2. 3. 12:04

Evernote Export HTML Import Caching 방지 특정 HTML 파일을 업데이트하여 배포하였는데, html파일의 크기가 크기 때문에 브라우저에서 캐시를 해버려서, 수정된 내용이 아니라 이전에 캐시되어 있던 문서를 가져온다. 캐시 문제는 보통 이러한 방식으로 해결을 했다. import 파일 뒤에 랜덤 쿼리 스트링을 (보통 시간값으로 함) 붙여주면 브라우저는 새로운 파일로 인식을 하기 때문에 캐시된 문서가 아닌 새로 배포된 문서를 받아온다. 비단 html뿐만이 아니라 javascript, css, img 등 모든 import에 적용되는 방식이다.

IT/프로그래밍 2016. 11. 24. 17:19

오늘은 장을 본 뒤, 종일 집에서 AngularJS2를 학습했다. 목표는 내가 회사에서 맡고 있는 프로젝트의 특정 파트에 오늘까지 AngularJS2를 적용시키는 것이었으나 실패했다.지피지기의 의미로써 지금까지 앵귤러를 배우면서 느꼈던 점들을 정리해봤다. 먼저 앵귤러를 배우면서 어려웠던 점들AngularJS2의 진입 장벽이 높다.개발자가 된 이후로 쭉 ES5위주 문법 사용, JQuery에 DOM을 컨트롤하는 방식을 고수해왔는데 ES6과, TypeScript, 그리고 앵귤러2에 녹아 있는 개념들 (DI, MVW)을 프론트에 적용하는 방식은 패러다임의 전환을 필요로 한다.참고 자료 검색의 어려움앵귤러2는 공식 릴리즈된지 얼마 되지 않았기 때문에 참고할 수 있는 자료가 상대적으로 적고 대부분이 영어이다. 역시..

IT/프로그래밍 2016. 10. 3. 23:04

인터페이스 기반 프로그래밍무엇인가? Architectural pattern for implementing modular programming at the component level in an object-oriented programming language which does not have a module system. (오역의 소지가 있으므로 원문을 기고하였음)인터페이스 기반 아키텍처로도 알려져 있음구상 클래스(Concrete Class)를 직접 참조하지 않고 상위 인터페이스를 선언하고 다형성을 이용하여 유연하게 프로그램을 작성하는 방법 ※ 구상 클래스라는 용어가 낯설다면 클릭왜 쓰는가?인터페이스 기반 프로그래밍을 하지 않는다면의존성을 다른 구현으로 대체하려면 의존 클래스까지 변경해야 한다. 즉 변..

IT/프로그래밍 2016. 5. 2. 21:01