자바스크립트6

• 

  [JavaScript] 원시 자료형과 참조 자료형 역사 과거엔 데이터 저장소(메모리)의 용량이 제한되어 변수 하나에 하나의 원시 자료형 밖에 담을 수 밖에 없었다 띄어쓰기, 탭, 쉼표 등으로 데이터를 구분하여 배열과 비슷한 형태로 자료 구조를 구현(comma-separated values)했으나 보통 사이즈가 제한되어 번거로움 데이터의 크기가 동적으로 변하는 특별한 데이터 보관함의 필요성 대두 원시 타입(primitive type) 고정된 저장 공간을 차지하는 데이터로 하나의 정보를 가지고 있음 객체가 아니면서 method를 가지지 않는 6가지의 타입 number, string, boolean, undefined, symbol, (null) 변수에는 데이터의 크기와는 관계 없이 하나의 데이터만 담을 수 있으며 값 자체에 대한 변경이 불가능(immutab.. CodeStates/JavaScript 2022. 2. 9.

• 

  [JavaScript] 호이스팅 Scope (유효범위) 호이스팅에 대해 알기 위해선 먼저 전역과 지역 스코프가 무엇인지 알아야 된다. 함수와 변수는 전역 또는 코드 블록, 함수 내에 선언되며, 선언된 위치에 따라 유효범위를 갖는다 어디에 선언되었는지에 따라 다른 코드가 자신을 참조할 수 있는지 결정됨 스코프의 범위 자바스크립트에서 스코프는 전역 스코프(Global)와 지역 스코프(Local Scope)로 나뉜다. 1. 전역 스코프 가장 바깥쪽 스코프 전역 스코프에 선언된 변수는 전역 변수 var 키워드로 선언된 전역 변수는 전역 스코프에 저장되어 console.log(window.변수명)으로 접근 가능 let, const 키워드로 선언된 전역 변수는 전역 스코프에 저장되지 않고 스크립트 스코프에 저장된다 var a = 1 let b =.. CodeStates/JavaScript 2022. 1. 21.

• 

  [JavaScript] 배열과 객체 배열 Array 배열은 순서(index)가 있는 값이며, index는 0부터 번호를 매김 [ 대괄호 ] 를 이용해 배열을 만들고 각각의 element는 쉼표 , 로 구분 index를 이용해 값(요소(element))에 접근 가능 없는 인덱스 조회시 undefined 배열 안에 배열 중첩 가능 : 이차원 배열 등등 console.table(arr) : 인덱스와 값을 테이블로 보여줌 [ ] === [ ] → false 구조상으론 같은 배열로 보여도 주소가 다른 두 개의 빈배열 let myNumber = [1, 2, 3, 4, 5, 6]; //각각의 엘리먼트는 쉼표로 구분 myNumber[3]; //4 myNumber[2] = 8 //2번 인덱스의 값인 3이 8로 바뀜 [1, 2, 8, 4, 5, 6] myN.. CodeStates/JavaScript 2022. 1. 4.

• 

  [JavaScript] 반복문 반복문의 구조 1. for문 초기화, 조건식, 증감문을 ';'으로 구분 초기화, 조건식, 증감문은 선택사항이지만 조건문 생략시 break 필요 상황에 따라 초기화, 조건식, 증감문 생략 가능 *생략해도 세미콜론 ; 표시 필수, 생략된 for문은 while문과 형태가 같음 초기화 : let 또는 var를 이용해 선언 var : 반복문에 제한되지 않음 let : 반복문의 지역변수가 됨 같은 타입일 경우 ';'를 이용해 하나 이상의 변수의 초기화 및 증감이 가능 for(초기화; 조건식; 증감문) { // 반복할 내용 } 2. while문 초기화, 증감문은 따로 작성 조건식만 괄호 안에 작성 초기화와 증감문이 필요없을 때 사용 기본적인 동작구조는 for문과 동일 초기화 while(조건식){ //반복할 내용 증감.. CodeStates/JavaScript 2021. 12. 19.

• 

  [JavaScript] 문자열 문자열 문자열 : string 문자 하나 : character → char 1. str[index] index로 접근 가능 index : 0부터 시작 문자를 바꿀 수 없음 var str = 'UKKIKKI'; console.log(str[0]); //U str[0] = 'G'; //U가 G로 바뀌지 않음(에러 발생X) 2. + 연산자 string 타입과 다른 타입 사이에 + 연산자를 쓰면 string (문자열) 형식으로 변환 더하기( + ) : 문자열과 숫자 모두에 대해 정의되어 있으므로 '문자열 숫자' + 숫자는 연산이 아닌 문자열의 형태로 이어붙음 빼기( - ), 나누기( / ), 곱하기( * ) : 문자열이 아닌 숫자에 대해서만 정의되어 있으므로 '문자열 숫자'가 숫자의 형태로 전환되어 연산한 결과.. CodeStates/JavaScript 2021. 12. 19.

• 

  [JavaScript] 조건문 조건문이란 어떠한 조건을 판별하는 기준을 만드는 것 (경우의 수를 따지는 조건문) 반드시 비교 연산자 필요 if → else if → else 순서로 작동 (하나의 약속) 1. 형태 비교 결과는 늘 Boolean으로 참(true)과 거짓(false)로 나뉜다. if ( 조건문 1 ) { return //조건문 1이 true 일때 실행 } else if ( 조건문 2 ) { //조건문 1이 false일때 실행 } return //조건문 2가 true 일때 실행 else ( 조건문 3 ) return //조건문 1과 2가 false 일때 실행 2. 비교 연산자 (Comparison Operator) : 미만 >= : 이상 2 ) → false !undefined → true !'Hello' .. CodeStates/JavaScript 2021. 12. 19.