2. 웹개발/Javascript
-
[JavaScript (4)] Javascript 제어문(1) - 조건문(if문, switch문) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 조건문 ] 입니다. : ) 0. 들어가기 앞서 특정 조건 만족 시(참인 경우) 실행하는 명령의 집합 이며, 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문이다. if 조건문과 switch 조건문이 대표적이며 삼항 연산자 도 사용 가능하다. 1. if ... else문 ▶ 1. 문법 if (조건식) { // statement1 } else if(조건식) { // statement2 } else { // statement3 } - if 안에 있는 조건식이 참인 경우 해당하는 if문, else if문을 실행 한다. - 조건문(if, else if)에 ..
[JavaScript (4)] Javascript 제어문(1) - 조건문(if문, switch문)[JavaScript (4)] Javascript 제어문(1) - 조건문(if문, switch문) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 조건문 ] 입니다. : ) 0. 들어가기 앞서 특정 조건 만족 시(참인 경우) 실행하는 명령의 집합 이며, 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문이다. if 조건문과 switch 조건문이 대표적이며 삼항 연산자 도 사용 가능하다. 1. if ... else문 ▶ 1. 문법 if (조건식) { // statement1 } else if(조건식) { // statement2 } else { // statement3 } - if 안에 있는 조건식이 참인 경우 해당하는 if문, else if문을 실행 한다. - 조건문(if, else if)에 ..
2020.03.16 -
[JavaScript (3)] Javascript 연산자 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 연산자 ] 입니다. : ) 0. 들어가기 앞서 Javascript의 연산자에는 Javs나 C의 연산자와는 개념이 조금 달라서 헷갈릴 수 있는 연산자들이 존재한다. 그렇기 때문에 쉬워보이지만 연산자에 대해 한번은 짚고 넘어가는 것이 좋을 것 같다. 1. + 연산자 (문자열 결합 연산자) - + 연산자는 더하기 연산, 문자열 연결 연산을 수행. - 모두 숫자일 경우에만 더하기 연산, 나머지는 문자열 연결 연산이 이루어 진다. ex) var addTest1 = 3+6; var addTest2 = 1+'God'; var addTest3 = 'God'+'1'; console.log(addTest1)..
[JavaScript (3)] Javascript 연산자[JavaScript (3)] Javascript 연산자 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 연산자 ] 입니다. : ) 0. 들어가기 앞서 Javascript의 연산자에는 Javs나 C의 연산자와는 개념이 조금 달라서 헷갈릴 수 있는 연산자들이 존재한다. 그렇기 때문에 쉬워보이지만 연산자에 대해 한번은 짚고 넘어가는 것이 좋을 것 같다. 1. + 연산자 (문자열 결합 연산자) - + 연산자는 더하기 연산, 문자열 연결 연산을 수행. - 모두 숫자일 경우에만 더하기 연산, 나머지는 문자열 연결 연산이 이루어 진다. ex) var addTest1 = 3+6; var addTest2 = 1+'God'; var addTest3 = 'God'+'1'; console.log(addTest1)..
2020.03.16 -
[JavaScript (2)] Javascript 배열 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 배열 ] 입니다. : ) 0. 들어가기 앞서 앞서 포스팅에선 자바스크립트 데이터 타입을 살펴 보았다. 여러 타입중 이번 포스팅에선 배열(Array) 에 대해 좀더 자세히 알아 보려 한다. 1. 배열 생성 방법 ▶ 1. 배열 리터럴 - 객체 리터럴은 중괄호({})를 이용하였지만, 배열 리터럴은 대괄호([])를 사용한다. - 리터럴(literal) : 리터럴은 직접 표현되는 값 그 자체를 의미한다. var testArray = ['god', 'dae', 'hee']; console.log(testArray[0]); // god console.log(testArray[1]); // dae cons..
[JavaScript (2)] Javascript 배열[JavaScript (2)] Javascript 배열 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 배열 ] 입니다. : ) 0. 들어가기 앞서 앞서 포스팅에선 자바스크립트 데이터 타입을 살펴 보았다. 여러 타입중 이번 포스팅에선 배열(Array) 에 대해 좀더 자세히 알아 보려 한다. 1. 배열 생성 방법 ▶ 1. 배열 리터럴 - 객체 리터럴은 중괄호({})를 이용하였지만, 배열 리터럴은 대괄호([])를 사용한다. - 리터럴(literal) : 리터럴은 직접 표현되는 값 그 자체를 의미한다. var testArray = ['god', 'dae', 'hee']; console.log(testArray[0]); // god console.log(testArray[1]); // dae cons..
2020.03.13 -
[JavaScript (1)] Javascript란?, Javascript 데이터 타입 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 데이터 타입 ] 입니다. : ) 0. 들어가기 앞서 먼저 아주 간단하게 Javascript란? 무엇인지, 기초 내용을 정리하고 그 이후 Javascript의 데이터 타입 부터 알아 가보려 한다. 1) JavaScript(JS)란? 특징? - 프로토타입기반의 객체지향 프로그래밍 언어 - 자바스크립트는 1995년 넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 만들어졌다. - 스크립트 언어(Script Language), 인터프리터 언어, 웹 페이지의 스크립트 언어 - 웹 페이지의 스크립트 언어 이외에도 Node.js와 같이 비 브라우..
[JavaScript (1)] Javascript란?, Javascript 데이터 타입[JavaScript (1)] Javascript란?, Javascript 데이터 타입 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 데이터 타입 ] 입니다. : ) 0. 들어가기 앞서 먼저 아주 간단하게 Javascript란? 무엇인지, 기초 내용을 정리하고 그 이후 Javascript의 데이터 타입 부터 알아 가보려 한다. 1) JavaScript(JS)란? 특징? - 프로토타입기반의 객체지향 프로그래밍 언어 - 자바스크립트는 1995년 넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 만들어졌다. - 스크립트 언어(Script Language), 인터프리터 언어, 웹 페이지의 스크립트 언어 - 웹 페이지의 스크립트 언어 이외에도 Node.js와 같이 비 브라우..
2020.03.11 -
Javascript Stuty - javascript 함수 1.자바스크립트에서는 함수도 객체다. 즉 함수의 기본 기능인 코드 실행뿐만 아니라, 함수 자체가 일반 객체처럼 프로퍼티들을 가질 수 있다. ex) // 함수 선언 방식으로 add()함수 정의되어 function add(x, y) { return x+y; } // add() 함수 객체에 result, status 프로퍼티 추가 add.result = add(3, 2); add.status = 'OK'; 2. 자바스크립트에서 함수는 값으로 취급된다. 함수 => 객체, 즉 함수도 일반 객체처럼 취급될 수 있다. - 리터럴에 의해 생성 - 변수나 배열의 요소, 객체의 프로퍼티 등에 할당 가능하다 - 함수의 인자로 전달 가능 - 함수의 리턴값으로 리턴 가..
[Javascript] javascript 함수(3) 함수 객체Javascript Stuty - javascript 함수 1.자바스크립트에서는 함수도 객체다. 즉 함수의 기본 기능인 코드 실행뿐만 아니라, 함수 자체가 일반 객체처럼 프로퍼티들을 가질 수 있다. ex) // 함수 선언 방식으로 add()함수 정의되어 function add(x, y) { return x+y; } // add() 함수 객체에 result, status 프로퍼티 추가 add.result = add(3, 2); add.status = 'OK'; 2. 자바스크립트에서 함수는 값으로 취급된다. 함수 => 객체, 즉 함수도 일반 객체처럼 취급될 수 있다. - 리터럴에 의해 생성 - 변수나 배열의 요소, 객체의 프로퍼티 등에 할당 가능하다 - 함수의 인자로 전달 가능 - 함수의 리턴값으로 리턴 가..
2017.05.22 -
Javascript Stuty - javascript 함수 선언문, 함수 표현식 에서의 세미콜론 function statement (함수 선언문)와 function expression(함수 표현식)에서 세미콜론 일반적으로 자바스크립트 코드를 작성할 대 함수 선언문 방식으로 선언된 함수의 경우는 함수 끝에 세미콜론(;)을 붙이지 않지만, 함수 표현식 방식의 경우 세미콜론(;)을 붙이는 것을 권장한다. ex) // 함수 선언문 방식 function add(x, y){ return x+y; } // 함수 끝에 세미콜론을 붙이지 않는다. // 함수 표현식 방식 var add = function sum(x,y){ return x+y; }; // 함수 끝에 세미콜론을 붙이도록 한다. 자바스크립트는 세미콜론 사용을 ..
[Javascript] javascript 함수(2) 함수 선언문, 함수 표현식 에서의 세미콜론Javascript Stuty - javascript 함수 선언문, 함수 표현식 에서의 세미콜론 function statement (함수 선언문)와 function expression(함수 표현식)에서 세미콜론 일반적으로 자바스크립트 코드를 작성할 대 함수 선언문 방식으로 선언된 함수의 경우는 함수 끝에 세미콜론(;)을 붙이지 않지만, 함수 표현식 방식의 경우 세미콜론(;)을 붙이는 것을 권장한다. ex) // 함수 선언문 방식 function add(x, y){ return x+y; } // 함수 끝에 세미콜론을 붙이지 않는다. // 함수 표현식 방식 var add = function sum(x,y){ return x+y; }; // 함수 끝에 세미콜론을 붙이도록 한다. 자바스크립트는 세미콜론 사용을 ..
2017.05.22