개발자노트

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

스프링 컨테이너 (IoC컨테이너)무엇인가?빈의 생성과 관계 설정, 사용, 생명주기 관리 등을 관장하는 컨테이너※메타데이터는 xml, java code로 작성할 수 있음 의존성이란?현재 객체가 다른 객체와 상호작용(참조)하고 있다면 다른 객체들을 현재 객체의 의존이라 한다. 스프링의 의존성 주입 순서애플리케이션의 구성 메타데이터를 읽음객체 인스턴스화인스턴스 주입이 외에도 여러가지 기능(트랜잭션 관리, 보안 등)으로 애플리케이션 객체를 보완한다.따라서, 애플리케이션 객체를 POJO로 모델링 할 수 있다.※POJO에 필요한 엔터프라이즈 서비스는 스프링 컨테이너가 내부적으로 제공 POJO(Plain Old Java Object)란 무엇인가?프레임워크 인터페이스나 클래스를 구현하거나 확장하지 않는 단순한 클래스...

IT/프로그래밍 2016. 4. 24. 13:56

14번 문제같은 경우는 문제를 보자마자 설계가 바로 나왔기 때문에 분석 - 설계 - 의사코드 작성 - 코딩의 순서로 넘어갔고, 무난하게 풀 수 있었다.느낀점중 하나는 TDD를 항상 할 필요는 없다는 것이다. 이미 설계가 있는 상황에서 굳이 TDD를 하는 것은 시간비용의 소모가 크기 때문에 비효율적이라는 생각을 했다.다만 정상적인 동작을 보장하는 테스트 코드는 필요했기에 중간중간 테스트 코드를 작성하긴 했다.time complexity는 O(n)이다. /** * 설계 * * 입력값이 크므로 (100만) 시간 복잡도를 고려해야한다. * * 1. 객체가 필요하다. * 객체는 두가지 속성을 가진다. * - 값 (1~100만) * - 1이 될 때까지 걸린 과정의 횟수 * * 2. 1~100만의 우박수에 대하여 각..

IT/프로그래밍 2016. 4. 17. 23:42

문제 링크 : http://euler.synap.co.kr/prob_detail.php?id=13 이번 문제는 기존처럼 Java가 아닌 Javascript로 풀었다. time complexity는 O(1)현재 주로 사용하는 언어가 Javascript이므로 익숙해질 겸 당분간 Javascript로 계속 풀 예정. 생각했던대로 한번에 풀려버려서 무난했다. (문제가 한번에 풀리는건 좋지만 참 어색한 일이기도 하다.)그렇지만 TDD를 사용했음에도 Baby step이 아닌 Big step으로 한번에 풀어버린 건 개선해야 할 점이다. (사실 귀찮았다.) Test Case Logic/** * 1. 문자열을 숫자 50개로 바꾼다. * 2. 숫자에서 적당한 값을 잘라낸다. * -> 50번이상 9가 나와도, 앞 10자리에..

IT/프로그래밍 2016. 4. 17. 18:07