비실이의 개발 성장기

1. 프로토타입 (prototype) 이란? - prototype 의 우리말은 `원형` 입니다. - javascript 에서도 객체의 원형을 prototype 이라고 부릅니다. 2. javascript 프로토타입 - javascript 에서 모든 객체는 프로토타입을 가지고 있습니다. Person 생성자 함수를 생성한 뒤, console.dir 로 확인해 보니 prototype 프로퍼티와 __proto__ 프로퍼티가 생성된 것을 확인할 수 있었습니다. (나머지 프로퍼티는 현재 글의 의도와 관계가 없으므로 생략 하겠습니다.) prototype 프로퍼티는 자기 자신(Person) 의 원형 이며, 일반적으로 프로토타입 이라고 부릅니다. __proto__ 는 자기 자신(Person) 의 상위 객체의 prototy..

복합문 이란? 표현문을 중괄호 ( { , } ) 로 묶어서 나타내는 것을 말한다. 123456 { x = Math.PI; cx = Math.cos(x); console.log( 'cosin = ' + cx);}Colored by Color Scriptercs 복합문의 끝에는 세미콜론을 쓰지 않는다. 복합문을 사용하는 대표적인 예로 If 나 while문과 같은 순환문(loop)이 있다. 1234if (true) { ... ...}cs 위 처럼 { } 복합문 안에 여러줄의 표현문을 사용한다. 복합문을 중단하는 방법에는 break, return, continue, throw 와 같은 도약문(jump)을 사용하는 방법이 있다. 자바스크립트 인터프리터는 복합문 내부를 한 줄씩 해석하다 해당 구문을 만나면 복합문을..

표현문 이란? 사람이 단어만 가지고 의사소통을 할 수 없듯이, 자바스크립트 인터프리터도 표현식 만 가지고는 프로그램을 실행 시킬 수 없다. 표현식을 인터프리터가 실행할 수 있도록 문장 형태로 만들어줘야 하는데, 이 결과로 만들어진 문장이 `표현문` 이다. 문장의 끝은 마침표(.) 로 끝나듯이, 자바스크립트 표현문의 끝은 세미콜론(;) 으로 나타낸다. 표현문들이 모여서 하나의 프로그램을 구성하게 된다. 표현문의 종류 1. 할당문 1greeting = "Hello " + name; // 문자열 Hello 와 name 변수의 값을 더하여 greeting 변수에 할당한다.cs 증감연산자는 할당문과 관계가 있다. i = i + 1; 이라는 할당문을 증감연산자로 바꾸면 i++; 처럼 할 수 있다. 이처럼 증감연산자..

* 표현식 (expression) 이란??-> 인터프리터가 값으로 평가(evaluate)하는 구문. * 기본 표현식 (primary expression)-> 다른 표현식을 포함하지 않은 독립적 표현식. -> JS 기본 표현식으로는 `상수`, `리터럴 값`, `특정 키워드`, `변수 참조` 가 있다. i. 리터럴 표현식 ex) 1.23 // 숫자 리터럴"hello" // 문자 리터럴/pattern/ // 정규 표현식 리터럴 ii. 특정 키워드(예약어) 표현식 ex) true // boolean타입의 true 해석false // boolean타입의 false 해석null // null 값으로 해석this // `현재` 객체로 해석 -> 여기서 this는 상수가 아니다!! -> JS에서 this는 선언 위치에..

react.js를 공부하기 위해 초기 설정하기 예전에 무작정 회사에서 개발중에 있는 react설정을 보고 간단하게 만들어 본게 있었다... 하지만 불필요한 라이브러리나 패키지 사용이 많았고, 그 때 만들어 본 것에 비해 새로 알게된 것들도 있어서 새로이 해보려 한다. 해당 게시글은 https://velopert.com/814 을 참고하였습니다. 1. node 설치 (https://nodejs.org/ko/) node는 최신버전 이나 stable 버전으로 설치 2. 필요한 패키지 설치 react 설치npm install --save react react-dom을 입력 ( --save를 붙여서 package.json 에도 추가) babel 설치 npm install --save-dev babel babel-..

해당 내용은 '자바스크립트 완벽 가이드' 를 토대로 공부한 뒤, 정리한 내용입니다. javascript 에서 불리언(boolean) 값은 예약어 true 나 false 중 하나의 값으로 사용된다. 불리언 값은 주로 제어구조를 처리하는 로직에 쓰인다. 위 예제는 flag 값이 true이면 '메롱~' 을 false이면 '틀렸어' 를 출력한다. 첫번째 라인에서 flag값을 true로 선언 했으므로 결과는 '메롱~' 이 나왔다. javascript에는 아래 6개 데이터에 대해서 false 값으로 판단한다. undefined null 0 -0 NaN "" // 빈 문자열 예시 1) 예시 2) false 와 false 로 변환되는 undefined, null, 0, -0, NaN, "" (빈 문자열) 은 거짓으로 ..

해당 내용은 '자바스크립트 완벽 가이드' 를 토대로 공부한 뒤, 정리한 내용입니다. #텍스트 문자 하나는 유니코드로 표현.. 문자 하나에 16bit .. 문자열은 16bit 의 문자가 연속적으로 나열된 변경 불가능한 값.. 문자열의 첫번째 문자의 인덱스는 0번째 위치하며, 이 문자열의 길이는 1 .. javascript에서 문자열의 길이를 확인하려면 문자열이름.length 위 예제에서 var alphabetApple = "apple"; 는 문자가 5개이므로 문자열의 길이는 5가 된다. #문자열 리터럴 과 이스케이프 문자 *리터럴 이란 ? 소스 코드의 고정된 값을 대표하는 용어. javascript에서 문자열 그대로를 표현하려면 작은 따옴표( ' ) 또는 큰 따옴표 ( " ) 를 써준다. 이 두개 중 어느..

javascript에는 for in 과 for of가 있습니다. 이 둘의 공통적인 기능은 순회 할 객체의 길이만큼 반복을 한다는 점에서는 같습니다. 하지만, 서로 다른 부분이 존재한다고 합니다. 저도 최근에 프로젝트를 하며 for in과 for of 둘 다 사용했으나.. 이 둘의 차이점을 확실하게 알고 사용하지 않았습니다... 이번기회에 포스팅도 할 겸 확실하게 구별한 뒤, 올바르게 사용해보려 합니다. 예제를 만들어서 알아보겠습니다. userName 이라는 Array 객체에 아이템은 ['홍길동', '김삿갓', '변사또'] 로 초기화 하겠습니다. 그 다음, userName 객체를 for in을 사용하여 console.log로 각 인덱스의 값을 찍어보겠습니다. 결과는 3회 반복에 각 순번에 값으로 0, 1,..