본문 바로가기
반응형

JavaScript4

[Javascript] debugger 키워드, 개발자 도구를 이용한 디버깅 자바스크립트 코드를 디버깅 할 수 있는 가장 간단한 도구는 'debugger' 키워드다. 별도의 IDE 없이 브라우저의 개발자 도구와 debugger 키워드를 이용해서 자바스크립트 코드를 디버깅 할 수 있다. debugger 키워드 자바스크립트 코드를 브라우저에서 디버깅하기 위해 'debugger'라는 키워드를 코드에 넣을 수 있다. 자바스크립트 실행 엔진이 코드를 수행하다가 'debugger'라는 키워드를 만나면 코드 실행이 그 부분에서 일시 중지되고 개발자의 판단을 기다리게 된다. 크롬의 개발자 도구에서 다음 코드를 실행해보자. function method1 () { value1 = 20; debugger; return value1 * 2; } console.log(method1()) 이 코드를 실행.. 2019. 9. 20.
[Javascript] console 객체를 이용한 디버깅 언어를 막론하고 프로그래머들이 가장 먼저 작성하는 프로그램은 'Hello World'다. 화면에 'Hello World'를 찍어보면서 동작하는 무언가를 처음 만들어 보는 것인데 사실 가장 원초적인 디버깅 방법을 배운거라 생각한다. 브라우저에서 동작하는 자바스크립트(Javascript)언어 역시 'Hello World'를 콘솔에 찍어 볼 수 있는 기능을 제공한다. console 출력 자바스크립트 코드를 실행 할 수 있는 웹 브라우저(크롬, IE, 사파리, 오페라)들은 console 객체를 지원한다. 각 브라우저의 개발자 도구를 이용하면 현재 페이지의 자바스크립트 코드가 console 객체를 이용해 출력한 결과물을 확인할 수 있다. 크롬의 경우 [F12] 키를 누르면 개발자 도구를 사용하기 위한 창이 열린다.. 2019. 9. 18.
[javascript] 자바스크립트의 동등 연산자 (equality) 자바스크립트(javascript)라는 언어의 가장 큰 특징 중 하나가 '타입 선언'이 필요없다는 점이다. 자바나 C 같은 언어는 정작 타입 언어로 변수 선언에 타입을 명시해야한다. 이 후 해당 변수에 호환 되지 않는 타입을 사용할 때 컴파일 에러가 발생한다. int foo = 10; foo = 10.3f // Error!! foo = (int)10.3f // OK!! 위 코드를 예로 들면, int foo 로 선언된 변수에는 정수형 데이터만 담을 수 있다. 만약 1.02f 같은 실수형 데이터를 할당하면 컴파일 에러가 발생한다. 강제로 입력하기 위해서는 타입 변환(Type Casting)을 해야한다. 자바나 C 같은 언어의 기초 단계에서 배우는 내용이다. 하지만 자바스크립트는 이런 변수 타입이 없다. 자바스.. 2019. 5. 20.
[javascript] encodeURI(), encodeURIComponent(), escape() 함수, 차이점 자바 스크립트를 이용해서 URL, URI 문자열을 다룰 때 특수 문자들을 별도로 처리해줘야 한다. URL/URI 문자열에 %, '' 같은 문자열이 들어가면 의도하지 않은 동작을 할 수 있다. 따라서 URL에 사용할 특수 문자들은 RFC 3986에 정의되어 있는 규칙에 따라 Escape 처리 해줘야 한다. URL에 사용할 특수 문자들을 처리하기 위해 encodeURI(), encodeURIComponent(), escape() 함수를 사용 할 수 있다. 각 함수들의 차이점은 다음과 같다. encodeURI() / decodeURI() : 최소한의 문자만 인코딩함 (; / ? : @ & = + $ , - _ . ! ~ * ' ( ) #) 이런거 안함 encodeURIComponent / decodeURICo.. 2019. 5. 19.
반응형