본문 바로가기

5day - 데이터 타입과 연산자(4) 이번장은 중요한지 내용이 길다. 1)배열배열은 자바스크립트 객체의 특별한 형태이다.크기를 지정하지 않아도 되고 어떠한 위치에 어느 타입의 데이터를 저장하더라도 에러가 발생하지 않는다. 1-1)배열 리터럴앞에서 객체 리터럴을 경험해봐서 비슷하다. 다른점은 대괄호( [ ] )를 사용한다.123456//배열 리터럴을 통한 5개 원소를 가진 배열 생성 var colorArr = ['orange', 'yellow, 'blue', 'green', 'red'];console.log(colorArr[0]); //orangeconsole.log(colorArr[1]); //yellowconsole.log(colorArr[4]); //redcs객체 리터럴에서는 프로퍼티 이름과 프러퍼티 값을 모두 표기해야 했지만, 배열 리.. 더보기
4day - 데이터 타입과 연산자(3) 이번에는 참조 타입의 특성을 알아보도록 하자1)참조 타입의 특성객체를 참조 타입이라고 부르는데 그 이유는객체의 모든 연산이 실제 값이 아닌 참조 값으로 처리되기 때문이다.1234567891011var objA = { val : 40}; var objB = objA;console.log(objA.val); // 40console.log(objB.val); // 40 objB.val = 50;console.log(objA.val); // 50console.log(objB.val); // 50cs처음 objA 객체를 객체 리터럴 방식으로 생성한다.(객체 자체를 저장하고 있는 것이 아니라 생성된 객체를 가르키는 참조값을 저장하고 있다.) objB에 objA값을 할당한다. (objB에는 objA와 같은 참조값이 .. 더보기
3day - 문법(2) 1)문장(Statements) 책에서는 좀 더 복잡하게 나와있는데 본인이 정리를 좀 하자면조건문,반복문,벗어나는 문? 으로 나눌 수 있다고 본다.조건문 - if, switch반복문 - for while벗어나는 문 - return, break 블록(Then)은 중괄호로 쌓인 문장의 집합이다. 다른 언어들과 달리 자바스크립트에서 블록은 새로운 유효범위(scope)를 생성하지 않는다.변수는 블록 안에서가 아니라 함수의 첫 부분에서 정의해야 한다., 1)if문표현식의 값에 따라 프로그램의 흐름을 변경된다. then 블록은 표현식이 참(true)일 떄 실행, 표현식이 거짓인 경우 else 블록을 실행(선택적)거짓에 해당하는 값은 6가지가 있다.falsenullundefined빈 문자열 ' '숫자 0NaN이 외의 .. 더보기
3day - 데이터 타입과 연산자(2) 2-2)자바스크립트 참조 타입(객체 타입) 자바스크립트는 기본 타입(숫자, 문자열, 불린값, null, undefined)을 제외한 모든 값은 객체라고 한다.그러니 전 시간에 배열, 함수, 정규표현식 등도 모두 객체에 포함된다. 객체는 단순히 '이름(key) : 값(value)' 형태의 프로퍼티들을 저장하는 컨테이너,폴더 라고 생각하면 된다. 기본 타입은 하나의 값만을 가지는데 비해 참조 타입인 객체는 여러 개의 프로퍼티들을 포함할 수 있다. 객체의 프로퍼티는 기본 타입의 값을 포함하거나 다른 객체를 가리킬 수 있다. 프로퍼티의 성질의 따라 객체의 프로퍼티는 함수로 포함할 수 있으며 이러한 프로퍼티를 메서드라고 한다. 2-2-1)객체 생성JAVA, C++은 기존 객체 지향 언어에서의 객체 개념과 자바스크.. 더보기
2day - 데이터 타입과 연산자(1) 한번에 여러책을 볼려니깐 시간이 없다. 개발 환경이라는 목차를 보니깐 테스트와 디버깅에 대해서 알려주고 웹스톰이라는 소프트웨어를 추천하는데 나는 이미 사용하고있는게 있어서 설치는 안하기로 했다.개발 환경 목차는 넘어가고 데이터 타입과 연산자를 진행해 보도록 한다. 언어의 기본은 데이터 타입이고자바스크립트의 데이터 타입의 값은 크게 2가지가 있는데기본 타입과 참조 타입이다.(책에는 그림으로 설명 되어있어서 이해하기 편하다.) 기본 타입 { 숫자, 문자열, 불린값, undefined, null }참조 타입 { 객체(배열,함수,정규표현식) } 대충 이런 느낌으로 그림이 있는데 참조 타입은 객체안에 배열과 함수, 정규표현식이 포함되어있다. 1)기본 타입기본 타입의 특징은 그 자체가 하나의 값을 나타낸다.1234.. 더보기
1day - 목차 스터디 하면서 추천받은 책이라 한번 공부해보려고 구입했다. 살짝 봤는데 내용은 괜찬아 보인다.역시 IT서적의 명가 한빛미디어 ㅋㅋ간단하게 목차를 살펴보자 1.기본 개요2.개발 환경3.테이터 타입과 연산자4.함수와 프로토타입 체이닝5.실행 컨텍스트와 클로저6.객체지향 프로그래밍7.함수형 프로그래밍8.jQuery 소드 코드 분석 책은 얇으면서도 내용이 알차다.자바스크립트를 기초부터 공부하는 사람한테는 적당하다고 생각된다. 더보기
3day - 문법(1) 자바스크립트의 좋은점인 문법이다.핵심 가이드 책에서는 철도 다이어그램 으로 설명 되어있는데쉽게 표현했다는데 난 잘 모르겠다. 더 어려운거같다.(철도 다이어그램은 생략함)1)공백(Whitespace)공백은 문자를 구분하는 형태나 주석의 형태를 취할 수 있다.var와 that사이에 있는 빈 칸은 제거할 수 없다. 하지만 다른 빈칸들은 제거해도 상관없다./**/ 형태의 블록주석 // 형태의 한 줄 주석을 사용할 수 있다. 주석은 프로그램의 가독성을 높이고 주석을 달 때는 항상 코드에 대해 적황히 설명해야 한다.남이 알아보지 못하는 주석은 쓸모가 없기 때문이다./**/블록 주석은 이 책에서는 사용을 권장하지 않고 // 한줄주석을 권장한다.그 이유는 PL/I이라는 언어에서 가지고 온건데 PL/I 프로그램에서는 문.. 더보기
2day - 자바스크립트의 좋은점 1. 자바스크립트의 좋은 점들 우선 이 책이 다른 책들과 다른 점을 소개한다. 좋은 점만 초점을 맞추고 나쁜점은 몇가지 예외를 제외하고 안다룬다고 이유는 이러하다. "좋은 점만 배움으로써 얻을 수 있는 최대의 이점은 나쁜 점을 잊어야 하는 수고를 덜 수 있다" 그리고 초보용 부분집합이아니라 전문가를 위한 자바스크립트 부분집합을 다룬다. (난 초보자인데 어쩌지...) 1) 왜 자바스크립트인가? 자바스크립트는 웹 브라우저의 언어이기 때문에 가장 유명하고 중요하지만 그와 동시에 가장 무시 당하고 있는 언어이다. 브라우저의 API라고 할 수 있는 DOM은 아주 형편없는데 거기에 편승하여 같이 부당한 비난을 받는다. DOM은 어떠한 언어로 다루든지 용이하지 않다. 그리고 자바스크립트의 놀라운 점은 언어 자체에 대.. 더보기