Front-end 개발자를 위한 Atom 개발환경 셋팅
UI개발에 WebStorm을 사용하다 서버를 띄워 API를 호출할 일들이 생기면서 IntelliJ를 사용하여 로컬서버를 띄어놓고 개발을 하고있는데 기능이 풍부해서 매우 편하게 개발을 하고 있습니다. WebStorm과 차이는 정확하게는 모르겠지만 IntelliJ에 WebStorm 패키치를 설치하여 사용하면 동일한걸로 알고있습니다. 근데 이상하게 DSLR을 가지고도 똑딱이를 가지고 싶은…
Dev
클래스 상속시 참조 변수와 인스턴스 관계
클래스를 상속받아 인스턴스를 생성시 다형성을 지원하므로 참조 변수 타입을 부모, 자손클래스 타입을 사용할 수 있습니다. 이때 참조 타입에 따라 인스턴스 멤버의 참조가 달라지는데 확인을 위해 Parent 클래스를 상속한 Son클래스를 만들어 두었습니다.
[알고리즘] 선택정렬
선택정렬 선택정렬은 리스트를 모두 훑어서 리스트내 가장 장은 값을 찾아 리스트의 맨 앞으로 옮기며 정렬을 수행하는 방식이다. 다음과 같은 방식으로 처리되는데, 리스트를 훑다가 작은 값이 나오면 해당 index를 비교대상의 기준의 index로 변경하고 다음 루프에서 해당index와 증가된 루프index에 해당하는 리스트 값과…
[알고리즘] 버블정렬
버블정렬 인접한 두 원소간 값 비교만을 통하여 정렬을 수행한다. 1회 정렬 수행시 가장 큰 값이 가장 마지막에 위치함으로 이후부터는 정렬 횟수를 -1씩 감소하여 처리할 수 있다. 최대시간복잡도는 n-1팩토리로 구할 수 있다.
[알고리즘] 병합정렬
병합정렬 병합 알고리즘을 사용한 정렬로 n/2로 리스트n을 쪼개질때까지 나눈다음 쪼개진 원소간 비교연산 후 병합하는 과정을 거친다. 재귀(splitData)를 사용하여 리스트를 n/2로 쪼개며 쪼개진 데이터를 값 비교 및 병합하는 분할정복(mergeData)을 수행하여 값을 정렬한다. 분할정복이 끝나면 정렬된 리스트를 얻을 수 있다.
[알고리즘] 삽입정렬
삽입정렬 리스트의 2번째 값(index:1)부터 1씩 증가 하면서 해당 index보다 이전의 모든 값들을 순회하며 값 비교를 통한 정렬을 수행한다. 최대 시간복잡도(비교연산 횟수)는 리스트n-1팩토리얼로 구할 수 있으며 실제 복잡도는 구현 로직 내에서 값 비교 연산 횟수를 구하여 확인할 수 있다.
자바스크립트 비교연산자
매일 사용하는 자바스크립트일수록 기초가 중요한 것 같다는 생각에 좀 더 나은 코딩을 위한 비교연산자 사용에 대해 정리해 보려고 한다. 개발을 하다보면 많은 비교 연산이 있는데 값을 비교하기위해 ‘==’와 ‘===’를 많이 사용한다. 차이점은 전자는 값비교, 후자는 참조비교 정도로 알고 사용하게 되는데…
-webkit-overflow-scrolling 사용시 배경색 black으로 노출되는 현상
웹페이지의 UI에 터치 스크롤을할 경우 일반적인 스크롤은 스크롤된 영역만큼 움직이고 손을 떼는순간 바로 멈추게된다. iOS에서는 사용자 경험 개선을 위해? 사용자가 UI를 스크롤할 경우 해당 요소에 가속도 기반의 스크롤을 사용할지를 아래의 css값을 사용하여 처리할 수 있다.
|
1 |
-webkit-overflow-scrolling |
위 속성은 ‘auto’, ‘touch’…
Android, IOS Webview 개발 팁
최근에 webview를 사용하는 서비스의 SPA작업을 진행하면서 OS별 이슈 및 솔루션을 정리해 보았다. 아래 정리된 내용은 정답도 최선도 아니지만 참고하면 많은 삽질을 줄이고 즐겁게 개발할 수 있을 것 같다. IOS position:fixed + 키패드 활성화시 이슈 IOS에서 position:fixed 속성을 사용하면 키패드 활성화…
Chrome Dev Tools – Network Panel
이번에 모바일 검색 속도개선 작업을 하면서 크롬 개발자도구를 많이 활용하게 되었다. 피들러나 크롬 개발자도구를 통해 개선점을 찾고 확인하는데 도움이 많이 되었는데 올바른 사용법과 정보를 알지 못해서 이번 기회에 정리를 해보려고한다. 그중에서 네트워크 패널의 타임라인 컬럼 리소스 클릭시 보여지는 상세정보 레이어에…
BackboneJS 서브 뷰 사용하기
BackboneJS는 MV* 패턴을 사용하는 경량 프레임워크로 메인뷰에서 서브뷰를 사용할 수 있다. 서브뷰를 사용하면 경우에 따라 유지보수하기 좋은 좀 더 모듈화된 코드를 만들 수 있을 것 같다.
잠긴 글: page.php
잠긴 글에는 요약문이 없습니다.