본문 바로가기

🌌 | WEB DEV115

JS_문법 (4)_Scope JS의 Scope에 대해서 알아보자! 3가지 종류가 있는데 다음과 같다. 1. 전역 (Global) scope : 코드 전체 범위 2. 함수 (Function) scope : 함수 내에서의 범위 3. 블록 (Block) scope : { } 중괄호로 이뤄진 블록 내에서의 범위 다른 언어와 달리 블록 scope가 있다! 전역 scope 외부에서 선언된 변수or함수 모든 코드에서 사용이 가능하다. 이때 블록까지도 적용이 가능하다. let a = 1; { console.log(a) } console.log(a) >>> 1 //블록 안에서 출력 1 //블록 밖에서 출력 전역변수는 블록 안의 블록까지도 적용이 된다. let a = 1; { let b = 2; console.log(a) { console.log(a.. 2022. 2. 17.

JS_문법 (3)_호이스팅 호이스팅 이슈 Hoisting = 끌어올린다 일반적인 언어 = 함수, 변수를 선언 후 사용이 가능 JS = 선언 전에 사용을 해도 에러를 내지 않는다...! 예시 1. var 키워드 var은 let과 같은 변수를 선언에 쓰이는 키워드이다. 하지만 같은 이름의 변수를 재선언해도 오류가 나지 않는다. var a = 1; var a = 2; console.log(a) >>> 2 ====================== let a = 1; let a = 2; console.log(a) >>> SyntaxError: Identifier 'a' has already been declared 호이스팅이 일어나는 예시 console.log(a) a = 10; console.log(a) var a = 1 console... 2022. 2. 16.

JS_문법 (2)_구조 분해 할당2, Rest-Spread 파라미터 변수 값 교환하기 let a = 1; let b = 2; [a, b] = [b, a] //대괄호로 해야 가능 console.log(a, b) >>> 2 1 다른 언어에 비해서 교환하는 것이 간결하다. 한 번에 여러 값 할당 let a = 1; let b = 2; [a, b] = [3, 4] console.log(a, b) >>> 3 4 파이썬의 튜플처럼 여러 값을 할당하는 것은 위처럼 써주면 가능하다. function data(){ return [1, 2] } let [a,b] = data() console.log(a, b) >>> 1 2 함수의 리턴값을 배열로 지정하는 것도 여러 값을 할당시키는 데에 이용가능하다. 문자열 분리 파이썬에도 있는 .split() 함수! let data = 'Hello my.. 2022. 2. 15.

JS_문법 (1)_삼항연산자, 구조분해 할당1 삼항연산자 조건문을 좀 더 간결하게 표현가능 (가독성은 좀 떨어짐) 조건 ? 참일 때 : 거짓일 때 const arr = 'abcdef' let result = arr.length > 5 ? '5글자 초과입니다.' : '5글자 이하 입니다.' console.log(result) >>> 5글자 초과입니다. 함수 기본값 설정 function func(item="none data") { console.log(item) } func('name') func() >>> name none data 구조 분해 할당 배열 or 객체의 속성을 해체해서 값을 개별 변수에 대입하는 방법이다. 1. 객체 분해 할당 let user = { name : "Kal", age : 23 }; // 동일 프로퍼티명을 사용 / 자동으로 매.. 2022. 2. 15.

JS_기본문법 (6)_배열 2 (관련 함수) 배열과 관련된 함수들을 알아보자! 삽입 push 배열 가장 끝에 아이템 추가 const data = [1,2,3]; data.push("Hey") console.log(data) >>> [1, 2, 3, "Hey"] 역시 자료형에 구애받지 않는다. unshift 배열 첫 번째 자리에 요소 삽입 const arr = [1, 2] arr.unshift(0); console.log(arr); >>> [ 0, 1, 2 ] 삭제 pop 파이썬에도 있는 그 함수이다. 배열 가장 자리를 리턴하고, 해당 아이템은 배열에서 삭제된다. const arr = [1, 2, "Hey"] let data = arr.pop(); console.log(arr); console.log(data); >>> [ 1, 2 ] Hey //가.. 2022. 2. 15.

JS_기본문법 (5)_배열 1 배열을 다룰 때는 CRUD를 확인하면 된다. Create, Read, Update, Delete (생성, 읽기, 수정, 삭제) JS 배열의 CRUD를 알아보자 Create 1. 초기화와 선언 동시에 const arr1 = [1,2,3,4]; const arr2 = [1,'2',3,'4']; 객체와 마찬가지로 배열도 그 자체를 새로운 것으로 덮어버리는 경우가 거의 없으므로 const로 상수 선언을 주로 해준다. 배열 안 요소들의 자료형은 통일되지 않아도 된다! 2. 객체로 선언 (초기화X 선언) const arr = new Array() 배열을 객체로 선언할 수 있다! 이 경우에는 초기화를 하지 않은 빈 배열이다. 위의 과정을 거친 후 아래와 같이 어떠한 특정 인덱스만 값을 넣어준다면, const arr .. 2022. 2. 15.

JS_기본문법 (4)_반복문 반복문 for문 for (let index = 0; index .. 2022. 2. 11.

JS_기본문법 (3)_객체 객체 JS는 객체지향언어이다. 객체는 프로퍼티와 메서드로 이루어져 있는데 또한 프로퍼티는 key: value로 구성이 되어있다. -> key(문자열or심볼), value(저장할 데이터) 참고로 함수와 배열은 객체에 속한다. 객체 생성 방법 객체 리터럴 방식 "{ }"로 객체를 표현하는 것을 리터럴 방식이라고 한다. (파이썬 dict와 비슷) const 객체명 = { key : value, ... }; 객체를 생성할 때에는 보통 const를 이용해 상수 선언을 해준다. 그에 따라 객체 자체를 바꿀 수 없지만, 내부의 프로퍼티, 메서드 등은 변경이 가능하다! (let을 이용해 생성하면 객체 자체도 바꿀 수 있다.) key 프로퍼티명(key)은 따옴표를 붙이지 않아도 되고 이러한 경우, 문자, 언더바, 달러 .. 2022. 2. 10.

JS_기본 문법 (2)_연산자&함수 연산자 사칙연산 + - * / ++연산자 C와 같음! i++ / ++i 대입연산자 = (할당) 동등 연산자(==) 일치 연산자(===) 동등 : 값만 비교 일치 : 값 & 데이터 타입 비교 (이 녀석을 주로 쓰자!) 논리 연산자 ! : not && : and || : or 비교연산자 >, =, false : true - 0 >> true >>> false !=, !== 의 관계도 위와 같다. consol.. 2022. 2. 8.

이전 1 ··· 7 8 9 10 11 12 13 다음

티스토리툴바