개발자노트

Live Template이란? 코드 자동완성 기능이라고 생각하면 된다. 예를 들면 func -> function () {} (in Javascript) psvm -> public static void main (String[] args){} (in Java) 이런식으로 약어만 치면 IntelliJ에서 자동완성을 해주는데 이것을 입맛대로 추가/수정할 수 있다. 이를 통해서 자주 쓰는 코드의 패턴은 자동화를 시켜 생산성을 향상시킬 수 있다. 우측 상단에 + 표시 클릭 Template Group 생성 (옵션) 후 Live Template 생성 나 같은 경우는 Polymer에 생성할 기본 템플릿을 만들기 때문에 Polymer Template Group 생성 후 Live Template을 생성했다. Live Te..

IT/프로그래밍 2017. 2. 21. 17:10

아래 문제를 보고 글을 정리하게 되었다. 자바스크립트 실행 환경 예제 자바스크립트 코드를 수행 중인 실행 환경 스택에 존재하는 콜백 함수의 실행이 '끝나면' 해당 함수는 스택에서 pop된다. 스택이 완전히 비게 되면 이벤트 큐에서 이벤트 콜백을 받아온다. 비동기가 가능한 이유는? 브라우저에서 비동기 메소드 (setTimeout)을 위임해주기 때문에. 예제 코드의 실행 중 스택과 이벤트 큐, 브라우저 상태를 시간 흐름으로 나타낸 도식 setTimeout은 브라우저에게 위임 브라우저에 위임할 수 있는 API가 setTimeout말고 또 있는지? 아마 비동기와 관련된 함수들이지 않을까.. 정리해보면 1번이 아니라 2번인 이유는 example 내에 있는 setTimeout 실행 -> 브라우저에게 처리를 위임하여..

IT/프로그래밍 2017. 2. 17. 09:14

현상 페이지 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

윈도우 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