dev42 Array ✅ Array 배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 객체타입으로 순서가 있는 리스트이다. [] 대괄호를 사용해 생성하고 내부의 값을 ,(쉼표)로 구분해 입력해야한다. 배열 안의 값을 요소(element)라고 한다. 또한 배열안에는 문자형, 숫자형, 불린형 심지어 객체, 함수 까지 포함할 수 있다. const fruit = ['apple', 'banna', 'orange']; const num = [10, 20, 30]; ✅ 배열 요소에 접근 📍 arr[ index ] 배열의 요소들은 앞에서부터 순서대로 고유 번호가 부여되는데 이를 인덱스(index) 라고 부른다. 순서를 호출 하는것은 인덱싱(indexing) 이라고 하며 인덱스는 0 부터 시작하게 되고 배열을 탐색할때 사용하게 된다. .. 2023. 4. 5. Number ✅ Number 숫자형은 숫자를 처리하기 위해 고안된 자료형이다. 💡 숫자 용어 정리 1. 정수 : 0을 기준으로 하는 양수와 음수 2. 실수 : 소수점을 포함하는 모든 수 3. 유효숫자 : 수의 정확도에 영향을 주는 수.주로 소수점 첫째자리에서부터 늘어져 있는 0들을 제외한 모든 수 0.0075 ==> 75 2.4300 ==> 2.430 8230 ==> 823 📍부동소수점이 일어나는 이유 🤔 부동소수점이란? 실수를 표현할 때 소수점의 위치를 고정하지 않는 것을 말한다 computer 에서 10진수 연산이 정확하지 않음 0.1이 컴퓨터 입장에선 무한수 반복문 안에 0.1씩 증가하는 코드를 혹시 작성하게 된다면 예측 불가한 값이 생성된다. // 0.1 + 0.2 (0.1씩 늘어갈 때) 반환값: 0.300.. 2023. 4. 4. [간단 프로그램]미니 스타그래프트 ✅ 주요 기능 클릭하면 드론이 침을 발사하고 침에 맞은 벙커는 HP가 1씩 깎임 1. 드론 클릭 후 이벤트 드론을 클릭하면 작동할 수 있도록 설정한다. //HTML //JavaScript function attack() { console.log('attack'); } 위 코드를 보면 드론을 클릭하면 콘솔창에 'attack' 이라는 문구가 뜨게 되는데 이를 jQuery 와 익명함수로 더 간결하게 수정하였다. * jQuery cdn을 입력하고 HTML에 있는 onclick 이벤트는 삭제 $('#drone').click(function(){ console.log('attack'); }) 📍 jQuery의 장점은 1. 간결한 문법 2. 편리한 API 3. 크로스브라우징이 있다 *크로스브라우징이란? 웹 페이지 제.. 2023. 4. 2. [간단 프로그램] 글자수 제한 ✅ 주요 기능 글자 수를 실시간 카운트 하여 글자수가 200글자 초과할 시 더이상 쳐지지 않는 프로그램 1. HTML 에서 textarea 값 글자 수 세기 content 변수를 생성하고 ducument 안에 있는 textarea의 값을 불러오기 위해 document.getElementById()메소드를 사용했다. 이후에 .length 속성을 이용하여 value의 글자수를 카운트했다. var content = document.getElementById('text').value; // textarea의 id 값을 'text'로 줬음 console.log(content.length); 📍 document.getElementById() : 주어진 문자열과 일치하는 id속성을 가진 요소를 찾고, 이를 나타내는 .. 2023. 3. 28. 이전 1 2 3 4 5 6 7 ··· 11 다음