모든 포스팅은 인프런 [생활코딩] 자바스크립트 강의의 내용을 담고 있으며 출처는 아래의 주소로 "egoing Lee"님의 자료입니다. 상업적인 의도가 아닌 공부한 것을 정리해놓는 목적으로 포스팅 한 것입니다. www.inflearn.com/course/javascript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B0%95%EC%A2%8C# 웹브라우저 Javascript (자바스크립트) - 인프런 생활코딩 자바스크립트 강좌 입니다. 웹브라우저를 직접 제어할 수 있는 자바스크립트 레퍼런스를 공부해 봅니다. 초급 웹 개발 프로그래밍 언어 JavaScript 온라인 강의 자바스크립트 강좌 www.inflearn.com 위 강의 중 기초적인 내용이나..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 원시 데이터 타입(기본 데이터 타입) 데이터 타입이란 데이터의 형태를 의미한다. 데이터 타입은 크게 두가지로 구분할 수 있다. 객체와 객체가 아닌 것. 그럼 객체가 아닌 것은 무엇일까? 숫자 문자열 불리언(true/false) null undefined 객체가 아닌 데이터 타입을 원시 데이터 타입(primitive type)이라고 한다. 그 외의 모든 데이터 타입들은 객체다. 즉 객체데이터 타입(참조 데이터 타입)이다. 레퍼 객체 아래 코드를 보자. 위 코드를 살펴보면 이것은 문자열이기 때문에 원시데이터 이다. 하지만 객체의 형태를 띄고 있다. . ..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. this this는 함수 내에서 함수 호출 맥락(context)를 의미한다. 맥락이라는 것은 상황에 따라서 달라진다는 의미인데 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라진다는 뜻이다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 실질적인 연결점의 역할을 한다. 즉 this는 약속된 변수라고 할 수 있으며, 함수안에서 사용할 수 있는 일종의 변수이다. 이 값의 의미는 함수를 어떻게 호출하느냐에 따라서 달라진다는 뜻이다. 함수호출 함수를 호출했을 때 this는 무엇을 가르키는지 살펴보자. thi..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 전역객체란? 전역객체(Global object)는 특수한 객체다. 모든 객체는 이 전역객체의 프로퍼티다. func();와 window.func();는 모두 실행이 된다. 모든 전역변수와 함수는 사실 window 객체의 프로퍼티다. 객체를 명시하지 않으면 암시적으로 window의 프로퍼티로 간주된다. 평소엔 그냥 편하게 사용하기 위해 생략해서 사용했던 것일 뿐이다. 내부적으론 명시한 것과 같게 동작한다. 자바스크립트는 윈도우라는 전역객체에 프로퍼티 이므로, 객체라는 것에 모든것이 종속되어 있기 때문에 객체 지향언어라고 하는 것이다. 자바스크립트에서 모..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 함수지향 자바스크립트의 함수는 매우 강력하다. 함수에 대한 이해 없이는 자바스크립트를 잘 다루기 어렵다. 또한 자바스크립트에서 함수는 객체를 이해하는 데 가장 중요한 기초를 이룬다. 이번 강좌에서는 함수형 언어로서 자바스크립트의 면모를 다뤄보도록 하겠다. 유효범위 유효범위(Scope)는 변수의 수명을 의미한다. 아래의 예제를 보자. 결과는 global이다. 함수 밖에서 변수를 선언하면 그 변수는 전역변수가 된다. 전역변수는 에플리케이션 전역에서 접근이 가능한 변수다. 다시 말해서 어떤 함수 안에서도 그 변수에 접근 할 수 있다. 그렇기 때문에 함수 ..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 반복문 인간은 반복적인 작업을 잘하지 못한다. 실수하고, 지루해한다. 컴퓨터는 이런 반복적인 작업을 대행하기 위해서 만들어진 기계다. 반복문은 컴퓨터에게 반복적인 작업을 지시하는 방법이다. 조건문이 컴퓨터를 똑똑하게 한다면, 반복문은 컴퓨터를 강력하게 만든다! 두 가지를 결합하면 소프트웨어를 만드는 데 큰 축이 된다. 반복문의 문법 반복문의 문법은 몇가지가 있다.(while, for ..) 각각의 구문은 서로 대체 가능하기 때문에 상황과 취향에 따라서 선택해서 사용하면 된다. while 형식은 아래와 같다. 즉, 조건이 true 인 경우 무한적으로 ..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 값과 값이 있을 때, 두 값이 같은지 혹은 어떠한 쪽이 큰지 판별하는 것을 "비교" 라고 한다. 연산자란? 어떠한 작업을 컴퓨터에게 지시하기 위한 기호를 말한다. 연산자란 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호인데 우리는 이미 연산자를 사용했다. 아래 예제 중에서 '='는 우항의 값인 1을 좌항의 변수 a에 대입하는 '대입 연산자'다. 본 수업은 연산자가 무엇인가에 대한 이해를 돕기 위한 것일 뿐 외울 필요는 없다. 차차로 알게 된다. a = 1 // a : 변수 , = : 대입연산자, 1 : 상수 비교 연산자 좌항이 있고 우항이 있..

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다. 상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다. 변수(Variable)는 (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. 여기에 담겨진 값은 다른 값으로 바꿀 수 있다. 변수는 마치 (사람이 쓰는 언어인) 자연어에서 대명사와 비슷한 역할을 한다. 변수의 선언 JavaScript에서 변수는 var로 시작한다. var은 변수를 선언하겠다는 것을 의미한다. var을 생략 할수도 있지만 이것은 유효범위라는 것에 영향을 미친다. 그렇기 때문에 var의 의미를 명확하게 이해하기 전까지는 var를 사용하는 것이 권장된다. 유효범위에 대해서는 뒤에서 살펴볼 것이다. 변수의 이름..