Front20 [자바스크립트] 초간단 테스트 스위트 만들기!! 자바스크립트의 테스트 스위트를 만들어 보자.초간단이지만 이것도 시간이 든다... 바쁘면 다른 테스트 툴을 쓰기를 격하게 권장한다... 오늘은 간단한 테스트 스위트를 만들어 보며 왜 이런 쓸데없는 짓 함수의 name 프로퍼티에 뭐가 저장되는지 눈으로 확인해보자.assert()라는 value와 desc라는 파라미터를 가진 간단한 테스트 스위트를 작성할 것이다.value는 테스트를 평가할 값이고 desc는 이름과 마찬가지로 디스크립션이다. 아래의 JSFiddle을 확인하자. 자바스크립트를 확인하고 Result 탭을 확인해보자. 모든 함수에는 name 프로퍼티가 생성되며 이를 눈으로 확인할 수 있을 것이다. 그런데 표현식의 기명함수는 우리가 예측한 것과 약간은 다르다. 왜 변수명이 아닌것인가?! 알아(서) 맞춰.. 2017. 6. 7. [자바스크립트] 로깅 함수 [자바스크립트] 로깅 함수테스트를 위한 코드를 작성할 시간 따위는 주지 않는 세상이지만... 요즘은 술도 많이 마시지만 책도 많이 보고있다. 파이썬 한권 자바스크립트 두권째... 물론, 내가 알아야 할 부분까지만 읽지만 (비록 1 ~ 2 챕터 분량만 남기지만...) 요새는 바쁜 것 없이 바쁜 나날이다. 코드 디버깅을 위해서 우리는 무수히 많은 console.log, console.dir을 찍어대며 '도대체 내가 왜, 무슨 부귀영화를 누리자고 이짓을 하나'를 백만번쯤 외치고 또 외쳤을 것이다. 지금부터 소개할 것은 그것을 대체하기는 개뿔... 우아한 방법으로 로깅 마저도 크로스 브라우저로 구현한 코드이다. 아래의 코드는 대부분의 브라우저에서 작동하는 로깅 함수이다. 1. 대부분의 브라우저에서 정상 작동하는.. 2017. 6. 1. JavaScript[ECMAScript] 2. 불리언 타입 2. 불리언 타입 아... 괜히 하루에 한번씩 포스팅을 한다했다... 피곤하다... 오늘은 데이터 타입 중에서 조금 중요한 요소를 짚고 넘어가자. (어제 잠시 정신이 나가서 언급 못한 부분이 있다...) 앞서 "1. 데이터 타입"에서는 'null'은 빈 객체를 참조하므로 typeof는 Object를 반환한다고 말했다. 그러면 null과 undefined를 == 연산자로 비교해보면 어떤 결과가 출력될까?! 닥치고 예제를 만들어 보았다. Result를 확인하고 검정색 span 영역을 클릭해보면 깜짝 놀랄것이다. 왜지?? 왜죠?! 아니!!! 이상하지만 null과 undefined는 같다고 출력된다. undefined가 null에서 파생됐기 때문에 표면적으로는 동일한 것으로 정의한단다... (아오...) 그런데.. 2016. 7. 8. JavaScript[ECMAScript] 1. 데이터 타입 JavaScript[ECMAScript] 정리 정리한다, 정리한다, 마음속으로 외치며 그날의 피로만 정리하던 나를 반성한다... 1. 데이터 타입 ECMAScript에는 다섯 가지의 '기본 데이터 타입(*Primitive Data Type)'이 존재한다. 종류는 아래와 같다. - Undefined : 정의되지 않은 변수 (변수를 선언한 후 값을 할당하지 않은 경우)- Null : 빈 값 (변수를 선언한 후 'null' 이라는 값을 할당한 경우)- Boolean : 불리언 (참, 거짓)- Number : 숫자- String : 문자열 그리고 '복잡한 데이터 타입'인 객체(Object)가 존재한다.(*Array, Function, Date, RegExp와 같은 데이터는 Object이다.) ECMAScript.. 2016. 7. 7. Ionic 하이브리드 앱 Ionic 접하기 휴... 이제는 Ionic이냐... 어찌어찌하다 배우려고 마음만 먹고 공부할 생각도 사용을 고려한적도 없던 Ionic을 보기로 했다. (그냥 쓰윽...) 우선은 Ionic 공식 사이트에서 친해지기 모드로 쑤욱~ 훑어보자. 일단 닥치고 시작하는게 최고!!!.Ionic 공식 사이트 우선 계정을 만들고 Get Started를 눌러 천천히 살펴보자. 1. Install Ionic개발의 기본은 설치다. 가끔 이걸 잊는 사람들이 많다. Ionic을 시작하기 앞서 자신의 맥 혹은 윈도우에 Node.js가 필요하다. NPM을 사용해 cordova와 ionic을 설치한다. $ npm install -g cordova ionic 2. Start a projectcordova와 ionic 설치가 정상적으로.. 2016. 6. 28. Angular Material Angular Material얘네는 사람 빼고 다 만들 기세다... 프론트엔드 개발자들의, 아니 모든 개발자들의 숙명과도 같은 신기술 습득에 빡씨게 채찍질을 하는 교관같은 하나의 단체가 있다. 이 곳에 들어가기 위해서는 나같은 미개한 개발자는 다시 태어나야할 수준이지만 그래도 정말정말정말 입사하고싶은 곳, 바로 구글이다. 2년전 즈음에 구글은 머티리얼(혹은 매터리얼) 디자인을 공개했다. 이들의 목표는 야심차게도(어쩌면 그게 당연하게 느껴지지만) 시각 언어의 창조이다. Create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and scie.. 2016. 6. 17. 이전 1 2 3 4 다음
