카테고리 보관물: Javascript

자바스크립트 함수 실행방식의 속도 차이를 테스트 해 보았습니다.

자바 스크립트 function 을 변수에 바로 할당해서 실행 시키는 방식과
일반적으로 실행 시키는 방식… 모든 브라우저에서 속도 차이가 어마어마 한데요.
왜 이렇게 실행 속도가 많이 나는 것일까요?
1. A 스크립트의 경우 var sum 의 경우는 함수내에 선언된 지역 변수 이기 때문에 접근 속도가 빠름
2. B 스크립트의 경우 var sum 의 경우는 전역 변수 이기 때문에 접근 속도가 느림
이래서 react js 가 전부 이런 방식으로 돌아가나 봅니다.
잼있네요.

12604849_998384390220762_8470489402657079381_o

[AngularJS] controller 2번 호출 되는 문제

AngularJS 를 이용해서 개인적인 프로젝트를 하는데 Controller가 2번이 호출되는 문제가 발생 했다.

대략 컨트롤러 소스 를 올려보면

여기서 사용중인 IntroController 소스는

이렇게 되어있는데 저 IntroController 이 두번이 호출이 되는 현상이 발생 했다.

Screen Shot 2015-05-07 at 3.58.05 PM

대략 이런식로..

이게 왜 문제가 발생 하냐면

templateUrl: ‘/assets/views/intro.html’ 이 html 파일 안에

data-ng-controller=”IntroController” 이렇게 컨트롤러를 또 호출해주는 코드가 있었다 -_- ㅎㅎ

하핫 그런데 웃긴것은 검색 해보니 나말고 이런사람 많다는거! =_=;;

프레임웍이 필요 없는 Javascript 를 이용한 Logger 스크립트

간단하게 사용할수 있고 쉽게 로그를 생성할수 있는 Javascript logger 스크립트 및 로그 생성기를 공개 합니다.

기본적으로 Ajax 를 이용해서 로그 서버와 통신을 하는데 가장 큰 문제가 브라우저별로 동작 하는가와 크로스 도메인 이슈 인데
이것들을 다 해결 하였으며 브라우저는 IE 6 부터 지원 하고 대부분의 모바일 브라우저와 일반 크롬이나 파이어폭스 등을 전부 지원합니다.

소스는 github 에서 받을수 있으며 get source 이 링크에서 다운로드 가능하다.

로그를 만들어 주는 것은 Sample 로 JSP 와 PHP 를 지원하며 추후 계속 언어를 추가할 예정이다.
(사용하시는 분이 직접 만들어서 써도 된다)

Javascript Logic Performance 비교 툴 JScheck ver 0.0.1

나의 오래된 서버를 정리하던중 예전에 만들었던 자바 스크립트 로직 비교 툴을 발견 했다.
매우 허접한 툴 이지만 아 이런것도 만들었구나 하면서 추억에 잠겨 본다.

1. 스크립트 입력창 A, B 스크립트를 비교할수 있도록 스크립트 입력창이 있다.
Screen Shot 2014-07-04 at 9.53.54 AM

2. 테스트 결과 화면 A, B 스크립트 실행 결과와 차이점을 보여준다.
Screen Shot 2014-07-04 at 9.54.51 AM

3. 스크립트 결과 리스트 화면 사용자들이 저장한 결과 리스트가 실행 브라우저 아이콘들과 함께 보인다.
Screen Shot 2014-07-04 at 9.53.43 AM

이거 링크는 아래로 ….

Go JScheck ver 0.01…