자바스크립트는 객체 기반 언어다. 자바스크립트는 객체 기반 프로그래밍 언어이며, 원시 값을 제외한 모든 값은 객체다. 즉, 함수, 배열, 정규 표현식 등이 모두 객체다. 객체는 프로퍼티(property)로 구성되며, 프로퍼티는 키(key)와 값(value)로 구성된다. 프로퍼티의 값이 함수일 경우 이를 메소드(method)라 한다. 객체의 의해 비유를 통해 우선 객체의 개념을 이해해보자. 우리는 실생활에서 객체의 예시를 살펴볼 수 있다. 집에서 키우는 고양이, 사용 중인 키보드, 스마트폰 등이 모두 객체다. 이러한 객체들은 상태(state)를 갖거나 행동(behavior)을 한다. 예를 들어, 고양이의 경우 이름, 눈동자 색, 종, 꼬리 모양 등의 상태와 더불어 꾹꾹이, 뛰어 오르기, 잠자기 등의 행동을..

안녕하세요. 휘입니다. 오늘은 자바스크립트 스코프에 대해 정리해보려고 합니다. 자바스크립트에서는 변수나 상수, 아규먼트 등이 생성될 때 일종의 접근 범위인 스코프(scope)가 정해지는데요. 스코프에는 글로벌 스코프(global scope)와 로컬 스코프(local scope)가 존재하며, 자바스크립트는 렉시컬 스코프(lexical scope) 방식을 따릅니다. 과연, 어떤 의미일까요? 글로벌 스코프란? 먼저, 글로벌 스코프입니다. 다음 예시에서 myName 변수는 글로벌 스코프를 갖는 전역 변수(global variable)로 선언되었는데요. 글로벌 스코프는 함수 바깥에서도 이를 참조할 수 있게 합니다. var myName = "Jeong" function callingName(){ console.lo..

자바스크립트 반복문: do while do while 반복문은 while 반복문과 무척 유사하다. 그러나 차이점이 있다면 조건을 만족하든 하지않든, 블록 안의 코드가 한 번은 실행된다는 것이다. 즉, 조건을 확인하기 전 블록 코드를 실행하며, 해당 코드가 false가 되기 전까지 while 반복문을 실행한다.

if 구문 if문은 조건문 중 가장 간단한 형태의 것으로, 이를 사용해 우리는 특정 조건이 기준에 부합하는지를 확인할 수 있다. 해당 기준에 부합할 경우(true) 다음 명령문으로 넘어가며, 부합하지 않을 경우(false) 넘어가지 않는다. if문은 크게 두 가지로 구성되는데, 하나는 조건(condition)이고 다른 하나는 명령문(statement)이다. 조건은 true, false 이거나 논리 표현, 비교 표현 등일 수 있다. if-else 구문 if-else 구문은 조건이 true일 경우에는 if 구문을 실행하고, false일 경우에는 else 구문을 실행한다. else if 구문 if-else 구문이 두 개의 블록만을 처리할 수 있는 반면 else if 구문은 여러 개의 조건문을 담을 수 있다.

할당 연산자(assignment operator)란 오른쪽 피연산자의 값을 왼쪽 피연산자에 할당하는 것이다. 이름 단축 연산자 의미 할당 x = y x = y 덧셈 할당 x += y x = x + y 뺄셈 할당 x -= y x = x - y 곱셈 할당 x *= y x = x * y 나눗셈 할당 x /= y x = x / y 나머지 연산 할당 x %= y x = x % y 지수 연산 할당 x **= y x = x ** y 왼쪽 시프트 할당 x > y 부호없는 오른쪽 시프트 할당 x >>>= y x = x >>> y 비트 AND 할당 x &= y x = x & y 비트 XOR 할당 x ^= y x = x ^ y 비트 OR 할당 x |= y x = x | y

자바스크립트를 공부할만한 독학 사이트를 정리해서 올려본다. 올리다보니 독학의 개념이 무엇인가 혼란스러워지기도 하지만, 어쨌거나 자바스크립트 공부에 좋은 사이트와 자료를 발견하는 대로 계속해서 업데이트해 보려한다. 자바스크립트 학습 플랫폼 1. Exlskills 순차적인 흐름을 따라 자바스크립트를 공부할 수 있다. 중간 중간에 짤막한 확인 문제가 나와 해당 내용을 잘 이해했는지 확인할 수 있다. 설명이 간결하고 쉬우며, 인터페이스가 깔끔하다. 문제는 가끔가다 문제풀이시 오류가 난다. 자바스크립트가 완전 처음이라면 살펴볼만 하다. JavaScript Fundamentals Course - EXLskills Learn all the core concepts of programming in JavaScript ..

자바스크립트 객체 인스턴스에 대해 알아보기 전에 기술적 측면을 먼저 살펴보자. 객체란 우리의 실제 생활에 있는 대상을 프로그래밍적으로 구현한 것이다. (이 글은 를 번역한 것입니다.) 코드는 컴퓨터에게 특정한 대상[객체]을 설명하는 역할을 한다. 코드는 대상의 속성은 무엇이며, 이러한 대상이 무엇을 할 수 있는지[메소드]를 설명한다. 다음은 사람이라는 대상을 객체로 표현한 것이다. function Person(name, age, gender, greeting) { this.name = name; this.age = age; this.gender = gender; this.greeting = function() { alert('Hi! I\'m.' + this.name + '.'); }; } 이제 해당 객체..

배열(Array)은 객체(Object)와 다르게 순서가 존재하며, 서로 다른 데이터 유형이 자유롭게 담길 수 있다. 즉, 배열에는 원시 데이터 유형과 객체 데이터 유형이 모두 담길 수 있다(배열 안에 객체가 담긴다든지, 배열 안에 또 다른 배열이나 함수 등이 모두 담길 수 있음). 다음은 w3schools에서 제공하는 자바스크립트 배열 속성과 메소드 테이블을 번역한 것이다. 자바스크립트 배열 속성 속성(Property) 설명 constructor 배열 객체의 프로토타입 함수 리턴 length 배열의 길이를 지정하거나 배열의 길이를 리턴 prototype 배열 객체에 속성 또는 메소드를 추가 자바스크립트 배열 메소드 메소드(Method) 설명 concat() 두 개 혹은 그 이상의 배열을 결합하고 결합된 ..