Elegant Developer

JavaScript - 반복문( for, while ) 원하는 조건으로 반복하게 하고 싶을때 사용한다. for문 for (초기화; 반복 조건; 반복이 될 때마다 실행되는 코드) { 반복 실행 코드 } 123456789101112131415161718192021// for 문 // ex1var list = [1, 3, 5]for (var i = 1; i

javaScript - 호이스팅부터 리터럴까지 호이스팅 hoist : 끌어(들어)올리다.(hoise의 과거) JavaScript 변수(var)의 특이한 점은 나중에 선언된 변수를 참조할 수 있다는 것입니다.이 개념을 호이스팅(hoisting)이라고 합니다. 즉 JavaScript 변수가 어떤 의미에서 끌어올려지거나 함수나 문의 최상단으로 올려지는 것을 말합니다.하지만, 끌어올려진 변수는 undefined 값을 반환합니다. 참조한 후에 선언 및 초기화하더라도똑같이 undefined를 반환합니다. 12345678910111213// ex1console.log(x === undefined); // truevar x = 3; // ex2var myvar = "my value"; (function() { cons..

javaScript - 형 변환(Type Conversion) 형변환에는 다음과 같이 두가지가 있습니다.1. 암시적 변환(Explicit)2. 명시적 변환(Implicit) 암시적 변환(Implicit)자바스크립트 엔진이 필요해 따라 암시적으로 형(데이터타입)을 자동으로 변환시키는 것입니다.산술 연산자동등 비교 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051// 엔진에 의해 자동적으로 형변환하는 것을 '암시적(Explicit) 변환'이라고 한다. // 산술 연산자// 더하기 ( + )number + string // stringstring + string // stringnumber +..

javaScript - 조건문( if, swich ) Boolean은 조건문에서 핵심적이다.조건문이란 주어진 조건에 따라서 애플리케이션을 다르게 동작하는 것이다. 연산자논리 연산자는 조건문을 좀더 간결하고 다양하게 구사할 수 있도록 도와준다. if문if (조건) { 조건이 참일 때 실행할 문장 } - 조건이 거짓일 때는 실행되지 않는다. - 마지막에 else가 있을시 무조건실행한다.[ eles와 else if는 선택사항이다. ] 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475// if 문 // 조건문이..

javaScript - Operator(연산자) 연산자는 모든 프로그래밍언어에서 기본이면서도 중요한 부분입니다. 산술 연산자(Arithmetic Operators)더하기 ( + ) 빼기 ( - )곱하기 ( * )나누기 ( / )나머지 값 ( % )1234567891011121314var n1 = 12;var n2 = 3; document.write(n1 + "과 " + n2 + "의 합은 " + (n1 + n2)); // 15document.write("");document.write("두 수의 차 : " + (n1 - n2)); // 9document.write("");document.write("두 수의 곱 : " + (n1 * n2)); // 36document.write("");document.w..

javaScript - 자료형(Data Type) 자바스크립트의 자료형(Data Type)은 여러종류의 데이터를 식별하는 분류이다.프로그래밍 언어에서 필수 학습중 하나가, 자료형을 파악하는것으로부터 시작이다. 형변환(Type Conversion)에는 암시적(Explicit)과 명시적(Implicit) 두가지가 있다.자세히 알고 싶으면 URL을 눌러 주세요~URL : http://developer92.tistory.com/11 - 기본 자료형(Primitive Data Type)BooleanNullUndefinedNumberStringSymbol (ECMASript 6에 추가됨) - 객체형(Object Type) Object자료형은 크게 기본형(Primitive Data Type)과 객체형(Object T..

javaScript - 기초문법 기본 용어 - 자바스크립트에서 값을 만들어내는 간단한 코드를 '표현식'이라고 한다. - 표현식 끝에 세미콜론을 찍게 되면, 문장의 종결을 알려준다 1234567891011// 표현식'10' + 2 + '20' + 3'Hyeon' // --------------------------------------------------------------------------------------------------------- // 문장'10' + 2 + '20' + 3;'Hyeon';!문장 끝에 ;(세미콜론)을 입력하지 않아도 프로그램을 실행하는데는 문제가 없지만, 다른 프로그래밍 언어가 문장 끝에 세미콜론을 입력하므로 입력하는게 좋음. Colored by Color Scrip..

javaScript - 예약어 1. 자바스크립트 예약어javaScript에서는 변수, 레이블, 또는 함수 이름으로 예약어를 사용할 수 없다.기본 예약어 abstract, arguments, boolean, break, byte, casr, catch, char, class, const, continue, debugger, default, delete, do, double, else, enum, evel, export, extends, false, final, finally, float, import, inm instanceof, int, interface, let, long, native, new, null, package, private, protected, public, return, short, s..

javaScript - JS(javaScript)기초(사용 방법 및 기본 문법 및 출력) Hello WorldJavaScript 코드 "Hello World"를 작성해보세요.123456789function greetMe() { alert('Hello' + youName);} greetMe('World'); cs 사용방법 1. script 태그를 이용하여 태그 내부에 직접 작성하는 방법 1234 var hyeon = document.getElementById('hyeon'); hyeon.style.color ='red'; Colored by Color Scriptercs 2. script 태그의 src 속성에 별도의 js 파일을 경로를 입력하여 플러그인 하는 방법 1 cs 3. script 태그의 사용 위..