일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 셋팅
- React
- git
- vscode
- 코드카타
- CORS
- 구글 로그인
- js
- 리터럴
- 초기셋팅
- 자주 까먹는
- 티스토리챌린지
- domain
- 모던 자바스크립트
- 오블완
- Next
- nextjs
- 프로젝트 셋팅
- error
- 내일배움캠프
- 코테
- useRouter
- 코딩테스트
- 소셜 로그인
- 모던자바스크립트
- 스파르타코딩클럽
- array정적메서드
- vercel
- 프로그래머스
- deep dive
- Today
- Total
목록분류 전체보기 (141)
파피루스
흔히 html 파일의 상하단을 보다보면 태그를 볼 수 있다.처음 스크립트를 작성했을 때는 "이걸 그대로 복사해서 src 속성만 값을 바꿔서 사용하면 된다"라고 배웠다.type의 역할이 궁금했던 나는 import 에서 해당 속성을 지워보았으나, 새로고침한 페이지에는 아무런 변화가 없었다.더더욱 의문이였다. 아무것도 달라지는 게 없는데, 왜 넣었을까? scripttype : 스크립트 유형- JavaScript MIME 유형 : 기본값인 'text/javascript', 'module' 등- 그외 MIME 유형 : src 속성은 무시됩니다. 표준 미디어 타입의 전체 목록은 IANA 미디어 타입을 참조하세요. (출처 : w3schools 문서) 이걸 읽고 나서 든 내 생각은.1. ..
구조 분해 할당(destructuring)이란, 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. (1) 배열일 때배열에서 구조 분해 할당문을 아래와 같이 사용할 수 있습니다.const [a, b, c] = ['value1', 'value2', 'value3'];console.log(a); // value1console.log(b); // value2console.log(c); // value3 만약 아래처럼 좌변 배열의 크기가 우변의 것보다 작을 때, undefined가 할당됩니다. 변수 d처럼 분해값이 undefined 일 때 대신 할당할 기본값을 셋팅할 수도 있습니다.const array = [1, 2];const [a, b, c..
원시 타입 객체 타입 변경 불가능한 값 변경 가능한 값 원시값을 할당하면, 변수에는 실제 값 저장 객체를 변수에 할당하면, 변수에는 참조 값 저장 var first = 50; var second = first; first = 30; console.log(first); // 30; console.log(second); // 50; var first = { name : '데굴' }; var second = first; first.name = '눕고 싶다'; console.log(first); // { name : '눕고 싶다' }; console.log(second); // { name : '눕고 싶다' }; 참고) 자바스크립트는, 포인터가 존재하는 다른 프로그래밍 언어의 "참조에 의한 전달"과 의미가 정확..
https://reeny404.tistory.com/7 6장, 데이터 타입 흔히 타입이라고 줄여 부르는 데이터 타입(data type)은 값의 종류를 말한다. 자바스크립트(ES6)는 7개의 타입을 제공하며, 이는 크게 원시 타입과 객체 타입으로 나눌 수 있다. 구분 데이터 타입 설 reeny404.tistory.com 자바스크립트가 제공하는 데이터 타입 7종류 중 단 하나 뿐인 객체 타입(object type)은, 원시타입과는 달리, 다양한 타입의 값을 하나의 단위로 구성한 복합적 자료구조(data structure)이다. 원시타입은 변경 불가능한(immutable value)이지만 객체는 변경 가능한 값(mutable value)이다. 객체는 0개 이상의 프로퍼티(property)로 구성된 집합이며, ..
표현식을 평가하는 도중에, 평가 결과가 확정된 경우 나머지 평가 과정을 생략하는 것을 말한다. (1) 논리 연산자 논리곱(&&)과 논리합(||)를 이용한 평가 결과는 불리언 값이 아닐 수 있다. 단축평가 규칙 표현식 평가 결과 true || anything true false || anything anything true && anything anything false && anything false // 예시 'Cat' && 'Dog'; // "Dog" 'Cat' || 'Dog'; // "Cat" 응용 1. 변수가 null 또는 undefined가 아닌지 확인할 때 var elem = null; var value = elem && elem.value; 응용 2. 함수 매개변수에 기본값을 설정할 때 //..
자바스크립트는 동적 타입의 언어, 즉 선언이 아닌 할당에 의해 타입이 결정(타입 추론)되는 언어이다. 하지만 이러한 타입이 변경될 때가 있다. 자바스크립트 엔진이 표현식을 평가하던 중 타입이 자동 변환되기도 하고, 개발자가 의도적으로 타입을 변환하기도 하고 . 전자를 암묵적 타입 변환, 후자를 명시적 타입변환이라고 한다. (1) 암묵적 타입 변환var age = 10;console.log('나는 ' + age + '살 입니다.'); // 나는 10살입니다. age는 숫자 타입이지만 문자열 연결 연산자를 사용하였다. 자바스크립트 엔진에 이를 해석하는 중 age를 문자열 타입 암묵적으로 자동 변환시킨 것이다. 이를 암묵적 타입 변환 또는 타입 강제 변환(type coercion) 이라고..