본문 바로가기

JavaScript

#8 자바스크립트 - 숫자를 문자열로, 문자열을 숫자로 (feat.Number 객체 메소드) JavaScript 숫자를 문자열로 and 문자열을 숫자로 변환 (feat. Number 객체) 변수 값을 출력할 때 명시적으로 타입을 변경해줘야 할 때가 있다.그래서 숫자를 문자열로, 문자열을 숫자로 변경하는 방법들을 알아보자 1. 숫자를 문자열로 변환 (1) 숫자 + 문자열 숫자와 문자열을 +연산자로 연결하면 숫자의 타입이 문자열로 변환된다.12310 + "string" //-> "10string"100 + "" //-> "100""0000" + 12 //-> "000012"cs (2) Number 객체의 메소드를 활용하는 법 다음 표의 메소드는 숫자 타입을 문자열로 바꿔준다. 메소드 설명 toString 숫자를 문자열로 변환한다. 인수로 가수(2~32)를 넘기면 진법을 바꿀 수 있다. toLocal..
#7 자바스크립트 - 문자열 제어 JavaScript 문자열 1. 문자열 연결 두 개의 다른 문자열을 연결할 때 혹은 피연산자가 문자열로 바뀔 수 있는 객체일 때+ 연산자를 이용해 문자열로 연결한다. 12"Hello " + "World!" //-> "Hello World!""1" + "3" //-> "13"cs 12310 + "is Ten!" //-> "10 is Ten!"1 + {} //-> "1[object Object]"true + (new Date()) //-> "trueSat Mar 09 2019 12:22:31 GMT+0900 (한국 표준시)"cs 위의 경우가 아닐 때는 다음과 같이 문자열로 변환하여 연결할 수 있다.12var a = 3;console.log("a 값은 "+a+"입니다.");cs 혹은 템플릿 리터럴 (` .....
#6 자바스크립트 - 배열 JavaScript 배열 C언어나 JAVA에서도 배열이 존재했다시피 자바스크립트에도 물론 배열이 존재한다.기존에 다뤘던 배열들과 공통점도 있지만 약간 다른점들도 있는데자바스크립트에서 배열을 한번 알아보자. 1. 배열 생성 - 배열 리터럴로 생성 배열 리터럴로 배열을 생성할 때는 다음과 같이 쉼표로 묶은 대괄호([ ])로 묶어 표현한다.[...]이 부분이 배열 리터럴이며 배열 값 하나하나를 배열 요소라고 부른다.특징1) 배열 요소들에는 인덱스번호가 매겨져 있는데 인덱스번호는 C언어와 JAVA에서의 배열과 마찬가지로 0, 1, 2 ... 이렇게 0부터 시작한다. 특징2) 배열 리터럴 안에 어떠한 값도 넣지 않으면 빈 배열이 생성된다.특징3) 배열 리터럴 요소의 값을 생략하면 그 요소는 생성되지 않는다.특징4..
#5 자바스크립트 - 내장 생성자 JavaScript 내장 생성자 자바스크립트 내에서 사용할 수 있는 내장 생성자들의 종류와 간단한 설명! ES5의 내장 생성자 생성자 이름 생성되는 객체 Object 일반 객체 String 문자열 객체 Number 숫자 객체 Boolean 논리값 객체 Array 배열 Date 날짜와 시간을 다루는 객체 Function 함수 객체 RegExp 정규 표현식 객체 Error 오류 객체 EvalError eval() 함수와 관련된 오류를 표현하는 객체 InternalError 자바스크립트 내부에서 발생한 오류를 표현하는 객체 RangeError 값이 허용 범위를 넘었을 때 발생한 오류를 표현하는 객체 ReferenceError 없는 변수를 참조할 때 발생한 오류를 표현하는 객체 SyntaxError 문법이 어긋..
#4 자바스크립트 - 생성자 JavaScript 생성자 1. 생성자?JAVA에서도 객체를 생성할 때 생성자라는 것을 사용했다. 자바스크립트에서도 생성자라는 것이 존재하는데 이번 포스팅은 그 생성자에 대해 알아보는 내용을 담겠다.1234function Card(type, num) { this.type = type; this.num = num;}cs위 코드는 트럼프 카드를 표현하는 객체를 생성하는 생성자의 코드이다.생성자로 객체를 생성할 땐 new연산자를 사용한다.1var card = new Card("다이아", "A");cs이 코드를 실행해보면 객체의 참조가 변수 card에 할당하는 것을 볼 수 있다.console.log 로 객체를 출력해보면 앞에 생성자 이름( Card )이 표시되는 것을 볼 수 있다. < 기존 객체리터럴로 생성한 ..
#3 자바스크립트 - 함수의 기초 JavaScript 함수의 기초 자바스크립트에서도 C언어나 JAVA에서처럼 함수가 존재한다.함수는 일반적으로 다음과 같이 생겼다.123456function 함수명(n) { 함수 몸통 return 값 (없을수도 있음); }cs이처럼 함수를 정의하는 것을 함수 선언문으로 함수를 정의했다고 한다.간단한 예로 팩토리얼 함수를 자바스크립트로 표기해보자면,1234function fact(n) { if (n
#2 자바스크립트 변수와 객체 JavaScript 변수&객체 1. 변수자바스크립트에서 변수는 다음과 같이 선언한다. 1var x;cs 보통 C언어나 JAVA에서 변수의 데이터타입이 정수형(int), 실수형(double), 문자형(char) 등 다양했지만자바스크립트에서는 var 딱 하나뿐이다.따라서 모든 데이터타입의 값을 저장할 수 있는 것이다. 굉장히 편리하다. var x, y 는 정수형, var t에는 문자열 데이터가 저장되었다. 자바스크립트에서 변수, 함수, 라벨 이름 등 사용자가 정의하는 식별자 이름은 다음의 규칙들을 따라야만 한다.1. 사용할 수 있는 문자는 알파벳(a~z, A~Z), 숫자(0~9), 밑줄(_), 달러 기호($) 이다.2. 첫 글자로는 숫자를 사용할 수 없다.3. 예약어(이미 자바스크립트에서 사용하는 특수한 키..
#1 자바스크립트 기본 (Hello World!) #1 JavaScript 기초 자바스크립트 공부를 하기 시작했다.학교에서 JSP & Servlet을 배우기 시작했는데 아무래도 프론트엔드 부분을 알고서 백엔드를 배우는 게수업 내용을 이해하기에도 직접 실습하기에도 더 효과적일 것 같아서 자바스크립트를 공부하기 시작했다.(HTML5 + CSS3 는 어느정도 홈페이지 레이어정도는 만들 수 있을 정도로 독학했다.) 먼저 자바스크립트는 Visual Studio 에디터툴로 짤 수도 있지만 Google Chrome 브라우저에서도 짤 수 있다.Chrome 열기 ->(윈도우) Ctrl + Shift + I, (Mac) Command + Option + I 단축키를 이용해 개발자 도구를 열 수 있다.(아니면 크롬의 사이드 메뉴에서 도구 더보기 -> 개발자 도구) 그럼 프..

티스토리툴바