본문 바로가기
728x90

Web 개발/JS13

Javascript - CSS 선택자 선택 안녕하세요, 지난 시간까지 Javascript의 얕은 이론(?)을 정리하였고 이제부터 본격적으로 Web을 만드는데 필요한 HTML/CSS와의 연결에 대해서 정리하려 합니다. 오늘은 Javascript에서 CSS 선택자를 선택하는 방법을 정리해보겠습니다. CSS의 선택자를 선택하기 위해서는 document객체의 내장 API들을 사용해야 합니다. -. document.getElementById('id를 문자열로 표현') : id 속성을 이용하여 태그를 선택하고자 할 때 사용. HTML 문서에 존재하지 않는 id값으로 태그를 선택하면 null이 리턴됩니다. -. document.getElementsByClassName('class를 문자열로 표현') : class 속성을 이용하여 태그를 선택하고자 할 때 사용.. 2021. 6. 24.
Javascript - array(Quiz) 드림 코딩 유튜브 채널의 문제를 혼자 풀어보고 영상의 해설과 비교해보았습니다. ◆ 나의 풀이 // Q1. make a string out of an array { const fruits = ['apple', 'banana', 'orange']; const fruit = fruits.join(', '); console.log(fruit); } // Q2. make an array out of a string { const fruits = '🍎, 🥝, 🍌, 🍒'; const answer = fruits.split(','); console.log(answer); } // Q3. make this array look like this: [5, 4, 3, 2, 1] { const array = [1, 2, 3, .. 2021. 6. 22.
Javascript - array 안녕하세요, 오늘은 자료구조에 대해 공부할 때 꼭 필요한 array(배열)에 대해 정리하겠습니다. 1. Declaration : 정의하는 방법으로는 2가지가 있습니다. 리터럴 형식의 정의와 new Array()를 이용하는 방법이 있습니다. const arr1 = new Array(); const arr2 = [1, 2]; // 리터럴 형식 2. Index position : 배열 내 요소들에는 각각 인데스가 배정이 되고 시작은 0부터 시작합니다. const fruits = ['apple','banana']; console.log(fruits); console.log(fruits.length); // 2 출력(요소의 수를 확인할 수 있다.) console.log(fruits[0]); // apple 출력 .. 2021. 6. 21.
Javascript - class(1) 안녕하세요, class에 대해 정리해보겠습니다. class에 관한 내용은 많고 깊어서 이번 시간에는 실제 사용하는 데 있어 유용한 기능만 정리하고 좀 더 자세한 내용은 추후 업데이트하도록 하겠습니다. 지난번에 정리한 Object에서는 하나의 객체(인스턴스)를 만드는 것에 대해 정리하였습니다. class는 이러한 객체를 만드는 틀로 여러 객체를 손쉽게 만들 수 있게 합니다. 1. Class declarations : Class를 정의할때는 constructor 메서드(생성자)를 이용해 property를 지정해줘야 합니다. 없다면 본문이 비워진 채로 함수가 생성됩니다. 또한 메서드를 추가해 줄 수 있습니다. 아래 코드를 보며 설명드리겠습니다. class Person { // constructor constr.. 2021. 6. 19.