
digest 수정을 이용한 병목확인과 AngularJS 3차 성능개선(2)
이 글은 AngularJS의 웹 어플리케이션 성능개선을 진행한 방법을 정리한 글입니다.

digest 수정을 이용한 병목확인과 AngularJS 3차 성능개선
개요

크롬 Timeline을 이용한 AngularJS 2차 성능개선
개요

AngularJS 성능개선
개요

[angularjs] - bootstrap
개요 angularjs를 사용하다가 보면 어떤식으로 angularjs가 실행되게 되는지 궁금할 때가 많이 있습니다. 그래서 한 번 정리해 봤습니다.

angularjs directive
개요 angularjs를 사용하면서 가장 배우기 힘들었던 기능이지만 가장 편리하게 쓰고 있는 기능 중에 directive객체가 있습니다. directive객체는 html 템플릿을 사용하여 그 템플릿을 통하여 사용할 수 있는 여러가지 함수들을 연결시켰습니다.

css selector 우선순위
개요 css를 적용시킬 때는 보통 css selector를 통해 해당 돔 엘리먼트를 가리키게 됩니다. 그런데 동일한 돔 엘리먼트에 여러 css가 적용되어 있으면 우선순위에 따라 특정 CSS가 덮어쓰게 됩니다. 그래서 CSS selector의 우선순위에 대해서 알아보겠습니다. cs...

Underscore와 Loadash 차이
개요 제가 자바스크립트로 개발을 하면서 많이 들어본 라이브러리 중에 underscore와 lodash라이브러리가 있습니다. 그런데 lodash나 underscore나 사용예를 보면 ‘_.func()’형식으로 형식이 많이 비슷합니다. 그래서 이 두개의 라이브러리가 어떻게 다른지 알아...

Angularjs ui-router reload하기
개요 Angularjs에서는 화면을 구성할 때에 ui-router를 사용해서 화면의 일부만 다시 그리는 방법을 사용하고 있습니다. 그런데 ui-router를 사용하다보면 state를 이동시켰는데 화면이 갱신이 안되는 현상이 종종 일어납니다. 그 문제에 대해서 알아보겠습니다.

lodash 정리
개요 자바스크립트로 개발을 하면서 lodash 라이브러리를 많이 사용하게 되서, lodash 라이브러리 중 많이 사용하는 함수들을 정리해보겠습니다.

파이어폭스에서 한글조합 문제 해결
개요 파이어폭스에서 한글을 조합할 때는 ‘keydown’이벤트가 발생하지 않지만 다른 브라우저에서는 모두 ‘keydown’이벤트를 발생합니다.

Swift에서 Generic을 이용한 Constructor
개요 저희가 라이브러리에서 타입만 변화하는 중복코드들을 제거하기 위해 Generic을 많이 사용합니다. 그리고 이 글은 제가 ios 앱을 개발하던 중에 Generic의 이상동작이 있어서 쓴 글입니다.

swift의 optional
swift의 optional swift에서는 optional이라는 특이한 개념이 도입됬습니다. 이 개념은 제가 앱을 만들 때 계속 컴파일 에러를 일으키는 개념이어서 한번 정리해보았습니다.

AngularJs Test
AngularJs Test AngularJs로 작성한 코드를 테스트하는 방법을 정리했습니다.

자바스크립트 중급 강의 정리
자바스크립트 중급 강의 정리

jshint
소개 JSHint는 자바스크립트의 에러나 잠재적인 문제를 찾아내고 팀의 코딩컨벤션을 강제하는 툴입니다.

LogBack1
Log back 가장 많이 사용되는 log 툴인 log4j를 기반으로 산업적인 로깅 시스템을 개발하였는데, 그 결과물이 log back.

Jasmin
BDD Test Framework, Jasmin 자스민은 BDD(Behavior-driven development) 테스트 프레임워크입니다.

Karma
크로스 브라우저 Test Runner Karma 카르마는 자바스크립트 테스트 러너입니다. 즉, 작성한 테스트를 실행해주는 역할만 합니다. 그래서 기존의 QUnit이나 Mocha, Jasmine 등을 그대로 사용할 수 있습니다. Karma의 장점

스프링 부분목킹
스프링에서 부분목 하는 방법 스프링에서 메소드 하나가 너무 길어서 세부 private등의 메소드로 나누는데 이런 거대한 메소드를 테스트하려면 너무많은 시나리오들이 생깁니다. 이럴 때에 부분목을 사용하면 보다 편리하게 테스트를 작성할 수 있습니다.

브라우저별 디버깅도구
브라우저별 디버깅 도구 확인

Reflow와 Repaint설명 사이트
#reflow와 repaint

이벤트
이벤트

자바스크립트에서의 변수 vs 프로퍼티
자바스크립트에서 변수와 프로퍼티의 차이 참고 글을 정리하여 만든 글입니다.

브라우저 객체 모델
브라우저 객체 모델 정리 BOM은 웹페이지 콘텐츠와 무관하게 브라우저 기능을 노출하는 객체입니다.

함수 표현식
함수 표현식

객체지향 프로그래밍
이 글은 책을 정리한 내용입니다.

HTML속의 자바스크립트
script 요소 속성

자바스크립트란 무엇인가
프론트엔드 개발자를 위한 자바스크립트 프로그래밍 정리

웹접근성 정리
웹접근성이란 어떠한 사용자(장애인, 노인 등), 어떠한 기술환경에서도 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것.

상속과 인터페이스 사용 예
이 글은 백창열 수석님의 코드리뷰를 바탕으로 정리한 내용입니다.

Java8 default 인터페이스
JAVA8에 추가된 기능 - default interface

토비의 스프링 프레임워크 독파
Image caption.

nemiver에 모듈추가
Image caption.