728x90
반응형

Front-End/JavaScript 14

[JavaScript] 03. 데이터 타입_원시타입

🟡 1. 데이터 타입 (Data Type) - 데이터 타입이랑 프로그래밍 언어에서 사용할 수 있는 데이터의 종류를 말합니다. 데이터 타입이 있는 이유는 데이터(변수)가 메모리에 저장이 될 때 메모리 공간을 얼마큼 확보를 해야 하는 지를 판단하기 위해서입니다. 그러하여 한정된 메모리 공간을 효율적으로 사용할 수 있게 됩니다. 쉽게 예시를 들면 택배 창고에 택배들이 들어오는데, 창고의 공간은 한정되어 있기 때문에 많은 택배를 넣기 위해서는 효율적으로 택배를 쌓아야 합니다. 그리고 나중에 찾기도 쉬워야 합니다. 그래서 랙이라는 아주 큰 서랍장을 만들어서 크기별, 종류별, 지역별 등으로 나눕니다. 저런 식으로 차곡차곡 쌓으면 많은 양의 택배를 보관할 수 있고, 찾기도 쉽게 되겠죠. 결국 데이터를 많이 잘 보관하..

[JavaScript_error] 01. HTMLCollection는 forEach, filter 등을 사용 불가.

🟡 HTMLCollection는 forEach, filter 등을 사용 불가. - JS로 HTML 요소를 불러오고 싶을 때 document.getElementsBy~~ 함수를 사용해서 가져올 것입니다. 이때 가져온 element들은 HTMLCollection객체 형태로 가져오는데, 배열에 담겨 오길래 당연히 map, filter, forEach가 되는 줄 알았으나 되지 않습니다. let checkboxList = document.getElementsByClassName('allDelete'); Array HTMLCollection 형태 filter 함수 forEach 함수 - 위 표에서 보시는 것처럼 HTMLCollection은 filter, forEach 등 Array에서 기본적으로 제공해주는 함수를 ..

[JavaScript] 02. 자바스크립트 기본 문법

* 이번 글에서는 자바스크립트의 기본 문법들이 어떤 종류가 있고, 그 문법들은 어떠 것인지 간단하게만 설명하고 다음 글부터 문법 종류 한 개씩 짚어가보도록 하겠습니다. 🟡 1. 변수 (variable) - 수학을 배울 때 들었던 단어와 하는 일이 비슷합니다. 어떤 값을 담을 수 있는 그릇이라고 생각하시면 됩니다 :) 조금 더 어렵게 얘기를 해본다면 변수는 값(value)을 저장(할당)하고 저장된 값을 참조하기 위해 사용합니다. 그리고 정확히는 변수에는 값이 저장되어 있는 것이 아니고 값이 저장되어 있는 메모리 주소를 저장하고 있습니다. - 우리가 변수 'a'에 '닭강정'을 저장했다고 가정하면, 변수 'a'에는 '닭강정'의 메모리 주소인 '속초시'가 저장되게 됩니다. 그래서 우리가 변수 'a'를 호출하면 ..

[JavaScript] 01. 자바스크립트

🟡 1. 자바스크립트란? 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. -위키백과- 라고 위키백과에서 설명을 하고 있으나, 대체 이게 무슨 말일까..? Javascript는 HTML과 CSS로 만들어진 웹페이지를 동적으로 변경해주는 언어입니다. -생활코딩- 생활코딩에서는 조금 더 쉽게 설명이 되어 있습니다. 쉽게 예시를 들자면 사람의 몸이 웹사이트라고 하면 HTML은 뼈이고, CSS는 피부색, 외모이고 자바스크립트는 몸을 움직이는 근육이라고 생각하면 이해하기 쉬울 거 같습니다. 즉 자바스크립트는 웹사이트가 어떠한 기능 등을 수행할 수 있도록 해주는 언어입니다. 경고창을 띄운다..