본문 바로가기

Copyright 2016- ZeroCho.4

연산자(operator) 산술연산자 다른 언어들과 거의 동일하다. var a = 1 + 2; // 3 var b = 5 - 3; // 2 var c = 2 * 4; // 8 var d = 6 / 4; // 1.5 var e = 8 % 3; // 2 / 와 % 는 조금 다른데, / 는 그냥 나누기 이고, % 는 나머지이다. 문자열 연산자 + 연산자는 숫자만 더하는게 아니라 문자열과 다른 데이터도 연결해준다. var string = 'hello ' + 'world'; // 'hello world' var string2 = 'hi' + 9; // 'hi9' var string3 = 1 + 'what' + 2; // '1what2' var string4 = 3 + 4 + 'wow'; // '7wow' 문자열이 아닌 데이터는 문자열로 바.. 2020. 7. 14.
함수(Function) 개념은 수학시간에 배웠던 함수와 비슷하다. y = f(x) x 에 어떤 값을 넣으면 y가 f(x)에 사용하는 식에 의해 자동으로 나왔었다. 자바스크립트에서 함수는 다음과 같이 만든(선언)다. function add(x,y) { return x + y; } function add(x,y) { return x + y;} 또는 다음과 같이도 만들 수 있다. 아래처럼 변수를 선언하고 함수를 대입하는 방식을 함수 표현식이라고 부른다. 위의 방식은 함수 선언이라고 한다. 위의 방식으로 만들때에는 끝에 ; 를 붙이지 않는다. var add = function(x,y) { var add = function(x,y) { return x + y; }; add가 함수의 이름(변수의 이름)이고, x, y가 사용자가 넣고 싶은.. 2020. 7. 14.
자바스크립트의 객체(Object),배열(Array) 객체란, 현실의 사물을 프로그래밍한 것이다. 나를 프로그래밍 해보자 ! var hyo = { firstName: ‘Lee’, lastName: ‘sang hyo’ }; 간단하게 나를 만들었다. 위와 같이 hyo 라는 변수에 { } 로 감싼 덩어리를 넣었다. 이 덩어리가 나를 표현하는 “객체” 인 것이다. 객체의 부분별 이름을 알아보자. 속성(Property) 객체 안을 보면 firstName , lastName 이 왼쪽에 있고, ‘Lee’,’sanghyo’ 가 오른쪽에 있다. 콤마로 구분되는 것들을 객체의 속성이라고 한다. hyo 라는 객체에는 firstName: ‘Lee’ 와 lastName : ‘sang hyo’ 두 개의 속성이 있는 것 ! 속성 끼리는 쉼표로 구분 ! 키(Key)와 값(Value) .. 2020. 7. 14.
JavaScript 개요 및 변수 JavaScript 자바스크립트의 창시자는 브렌던 아이크라고 한다.. 파이어폭스를 만든 모질라에서 일하고 계신다고 한다 뭐 그렇다. 자바스크립트는 10일 만에 만들어진 언어라고 한다 !!! 근데 지금은 정말 중요한 언어가 되었다. 자바스크립트 장점 절차형 , 객체지향형 , 함수형 언어를 모두 아우를 수 있다. 한 언어로 여러가지 프로그래밍 기법을 배울 수 있는 것이다 ! 웹에 정보가 제일 많다. 궁금할때 도움을 줄 사람이 많다. 텍스트 에디터, IDE 같은 것은 필요 없고 , 인터넷 브라우저만 있으면 된다 ! 결과를 바로 인터넷 브라우저 화면으로 볼 수 있다 ! 자바스크립트의 변수 var a = 0; 자바스크립트는 camelCase로 변수명을 만드는 것이 규칙이라고 한다 ! Ex ) myApp , myS.. 2020. 7. 14.