1️⃣ for...in for...in 문은 객체의 key를 하나씩 가져온다. const obj = { key1: 'value1', key2: 'value2', key3: 'value3', } for (const key in obj) { console.log(key + ' : ' + obj[key]); } // key1 : value1 // key2 : value2 // key3 : value3 2️⃣ for...of for...of 문은 iterable한 속성을 지닌 String, Array, TypedArray, Map, Set 에서 값을 하나씩 가져온다. 객체는 iterable이 아니기 때문에 사용할 수 없다. const obj = { key1: 'value1', key2: 'value2', key..
📌 예제코드 HTML 삽입 미리보기할 수 없는 소스 📌 코드 높이를 조절할 textarea 요소를 준비해줍니다. textarea { width: 240px; height: 30px; } textarea의 기본 Height를 지정해주고, 이 크기는 JavaScript 코드에서도 사용하게 됩니다. const DEFAULT_HEIGHT = 30; // textarea 기본 height const $textarea = document.querySelector('#textarea'); CSS에서 지정한 Height를 'DEFAULT_HEIGHT' 변수에 저장시켜줍니다. document.querySelector() 선택자로 textarea 요소를 가져와줍니다. // Textarea 자동 높이 조절 $textarea..
🔎 자바스크립트의 원시 타입과 참조 타입 자바스크립트는 원시 타입과 참조 타입이라는 두 가지 타입의 자료형을 제공한다. 1️⃣ 원시 타입 (Primitive Type) 원시 타입에는 아래와 같이 여섯 가지가 있으며, 이 외의 모든 값은 객체(참조) 타입이다. ◾숫자 (Number, BigInt) ◾불리언(Boolean) ◾null ◾undefined ◾문자열 (String) ◾Symbol 원시타입 데이터는 변수에 할당될 때 메모리 상에 고정된 크기로 스택 영역에 저장되고 해당 변수는 원시 데이터의 값을 보관한다. 또한, 원시타입 자료형은 변수 선언, 초기화, 할당 시 값이 저장된 메모리 영역에 직접적으로 접근한다. 즉 변수에 새 값이 할당될 때 변수에 할당된 메모리 블럭에 저장된 값을 바로 변경한다는 뜻..
하이퍼 로컬이란 사전적 의미로 ‘아주 좁은 지역의 특성에 맞춘’이라는 뜻으로 슬리퍼와 같은 편한 복장으로 각종 여가·편의 시설을 이용할 수 있는 주거 권역을 뜻하는 ‘슬세권’과 비슷한 말이다. 하이퍼 로컬은 코로나19로 인해 부상하기 시작했다. 사회적 거리 두기로 인한 외출 제한으로 활동 반경이 거주 지역으로 좁혀지면서 동네 생활권을 기반으로 한 플랫폼도 급성장한 것. 국내 하이퍼로컬 산업의 대표 기업은 당근마켓이다. 지난 2015년 설립된 당근마켓은 지역 기반의 중고 거래 플랫폼으로 폭발적인 성장을 누렸다. 당근마켓이 하이퍼 로컬 플랫폼의 대표 주자가 된 데에는 물건 판매뿐만이 아닌 같은 동네에 사는 이웃들과 시시콜콜한 이야기를 주고받을 수 있는 하나의 커뮤니티로 확장했기 때문이다.
