프론트엔드/Javascript
-
자바스크립트 문법 6 - 배열 (Array) 의 기본프론트엔드/Javascript 2021. 10. 9. 12:20
* 배열의 개념 배열은 서로 관련된 데이터끼리 그룹으로 묶어 놓은 변수이다. 예를 들어 소나타, 카니발, 람보르기니 등과 같은 여러 종류의 자동차를 하나로 묶어서 자동차라는 배열로 관리할 수 있다. 배열은 데이터베이스에서는 컬렉션(collection)이라고 부르기도 한다. * 배열을 사용하는 이유 (데이터 그룹핑) const fruit1 = "apple" const fruit2 = "banana" const fruit3 = "orange" const fruit4 = "watermelon" const fruit5 = "strawberry" 배열을 사용하지 않으면 변수를 여러개 사용해야 한다. const fruits = ["apple", "banana", "orange", "watermelon", "stra..
-
자바스크립트 문법 11 - 객체 (Object)프론트엔드/Javascript 2021. 10. 9. 12:18
객체 참고문서 JavaScript 객체 기본 - Web 개발 학습하기 | MDN 이 글에서는 JavaScript 객체와 관련된 기본적인 문법을 살펴보고 이전 코스에서 학습해서 이미 알고 있는 JavaScript 의 특징들과 우리가 이미 사용하고 있는 기능들이 이미 객체와 관련되어 있다는 developer.mozilla.org * 객체를 사용하는 이유 객체를 사용함으로써 데이터가 어떤 역할을 하는지 알 수 있으며, 다양한 타입의 데이터를 함께 그룹으로 묶을수 있다. * 객체의 구조 const obj = { key1: value1, key2: value2, key3: value3, } 객체는 콜론(:)을 기준으로 왼쪽에는 키(또는 프로퍼티) 오른쪽에는 값으로 구성되어 있다. 각각의 키-값 쌍은 콤마(,)로 ..
-
자바스크립트 문법 12 - 함수(function)의 기본프론트엔드/Javascript 2021. 10. 9. 11:43
함수 참고문서 1 함수 - JavaScript | MDN 보통 함수란 자신의 외부(재귀 함수의 경우 스스로) 코드가 '호출'할 수 있는 하위 프로그램입니다. 프로그램과 마찬가지로, 함수 역시 명령문의 시퀀스로 구성된 함수 본문을 가집니다. 함수에 developer.mozilla.org * 함수의 개념 함수는 특정 기능을 수행하는 코드 블럭이다. 함수는 입력값을 가지거나, 출력값을 가질수 있다. 자바스크립트에서의 함수는 속성과 메서드를 가질수 있는 객체이다. function add(a, b){ return a + b } console.dir(add) 함수도 객체이므로 console 객체의 dir 메서드로 함수를 출력해보면 위와 같은 속성(프로퍼티)을 가진다. arguments, caller, length,..
-
연산자프론트엔드/Javascript 2021. 10. 9. 06:47
* 용어정리 - 단항, 이항, 피연산자, 연산자 피연산자(operand)는 연산을 수행하는 대상이다. 연산자(operator)는 피연산자에 대한 연산을 수행하는 기호이다. let x = 1; x = -x; alert( x ); // -1, 단항 마이너스 연산자는 부호를 뒤집습니다. 위 코드에서 피연산자는 x이고, 연산자는 마이너스(-)이다. 해당 연산자는 피연산자를 하나만 가지는 단항 연산자이다. let x = 1, y = 3; alert( y - x ); // 2, 이항 마이너스 연산자는 뺄셈을 해줍니다. 위 코드에서 피연산자는 x y이고, 연산자는 마이너스(-)이다. 해당 연산자는 피연산자를 두개 가지는 이항 연산자이다. * 산술연산자 자바스크립트에서 지원하는 산술연산자 종류는 아래와 같다. 덧셈 연..
-
조건문(If)프론트엔드/Javascript 2021. 10. 9. 06:35
* 조건문의 기본작성법 if (조건){ // 코드블록 } 조건문은 if 라는 키워드를 사용하고 조건을 검사한 다음 조건이 참(true)이면 코드블록을 실행한다. let year = prompt('ECMAScript-2015 명세는 몇 년도에 출판되었을까요?', ''); if (year == 2015) alert( '정답입니다!' ); 해당 조건문은 사용자로부터 입력을 받아 year 변수에 저장한다. 조건문의 조건을 검사하여 year 변수값이 2015이면 경고창을 띄워준다. 해당 조건문은 코드블록이 한줄이므로 중괄호({})를 생략할 수 있다. if (year == 2015) { alert( "정답입니다!" ); alert( "아주 똑똑하시네요!" ); } 해당 조건문은 복수의 코드문이 들어가 있으며 경고창..
-
자바스크립트 문법 1 - 변수(Variable)와 자료형(Data Type)프론트엔드/Javascript 2021. 10. 9. 04:43
변수 (Variable) 프로그램 전체에 걸쳐서 변경하고 싶은 값 또는 변경 가능한 값이다. 프로그램에서 공통적으로 사용된 값 중에 변경될 가능성이 다분한 값을 변수로 선언하면 된다. 변수를 사용하는 이유 console.log('syleemomo has authorization to this site !') console.log('syleemomo has authorization to this site !') console.log('syleemomo has authorization to this site !') console.log('syleemomo has authorization to this site !') console.log('syleemomo has authorization to this si..