도라에몽 개발자

문자 변수명.메소드명(...) length - 문자의 길이(숫자)를 반환함. includes - 대상 문자에 주어진 문자가 포함되어 있는지 여부 확인함. - 결과는 boolean (ture/false) 으로 출력됨. - includes('문자열', 시작문자열 위치): 몇 번째 문자열부터 주어진 문자열이 존재하는지 확인하기 위함. indexOf - 대상 문자에서 주어진 문자와 일치하는 첫 번째 인덱스(숫자)를 반환함. - 일치하는 문자가 없으면 '-1' 으로 반환함. ▼ length, includes, indexOf 메소드 활용 예시 const str = 'Hello world!' // .length() 메소드 console.log(str.length) // 12 // .includes() 메소드 cons..

프로토타입(Prototype) vs 클래스(Class) "JavaScript는 프로토타입 기반의 언어(prototype-based language)이다." ■ JavaScript 또한 객체지향 언어이나 Java와 같은 객체지향 언어와는 달리, 클래스(Class) 대신 프로토타입(Prototype)이 존재함. ■ 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다는 의미임. ■ 함수(Function)로 객체(Object)를 생성하여 클래스(Class)처럼 사용하게 됨. *** 함수로 객체를 생성하여 해당 함수 내에서 생성자(constructor)를 선언한 후, new 키워드를 사용하여 해당 함수에 대한 프로토타입 객체 생성 및 연결 가능함...

원시형 String, Number typeof 메소드: 결과값의 타입을 확인함. const number = -123.1234 const pi = .14 console.log(number + undefined) // NaN -> Not a Number로, 숫자가 아닌 값을 의미함. console.log(typeof(number + undefined)) // number console.log(typeof(pi)) // number toFixed 메소드: 소수점 지정함. Number 함수: 결과값을 숫자 데이터로 변환함. const a = 0.1 // 0은 생략하고 .1 으로 작성 가능함. const b = 0.2 // 0은 생략하고 .2 으로 작성 가능함. console.log((a + b).toFixed(..

DOM API (Document Object Model, Application Programming Interface) DOM API 이란? 간단히 이해해보자면, JavaScript에서 HTML을 제어하는 명령들이라고 이해하면 됨. Box!! ▼ defer 활용 ★★★ Box!! document.querySelector(...) HTML 요소(Element) 1개 검색/찾기 const boxEl = document.querySelector('.box'); - boxEl 변수 생성 - document 안의 객체로 접근 - querySelector() 메소드의 검색 기능 활용: 가장 먼저 찾아진 요소를 반환할 수 있도록 함. - 찾으려고 하는 요소의 CSS 선택자: .box: CSS 선택자인 .box를 통해..

변수 정의 - 데이터를 저장하고 참조(사용)하는 데이터의 이름을 의미함. 종류 - let, const, var (거의 사용 안함, 사용하지 않을 것을 권장) 특징 - let: 값(데이터) 재사용(재할당) 가능 → 데이터 낭비 발생할 수 있기 때문에 필요할 때만 사용할 것을 권장! - const: 값(데이터) 재사용(재할당) 불가능 // let 사용 시 값(데이터) 재할당 가능 let a = 12; console.log(a); //12 a = 999; console.log(a) // 999 // const 사용 시 값(데이터) 재할당 불가능 const b = 12; console.log(b); //12 b = 999; console.log(b) // Error!! 예약어 정의 - 특별한 의미를 가지고 있어..

패스트캠퍼스(Fast Campus) 강의 내용 참고 표기법 dash-case (=kebab-case) - 각각의 단어 사이에 dash 기호(-)를 띄어쓰기 대신 사용하는 것 - HTML, CSS에서 주로 사용하는 단어를 표기하는 방법 snake_case - 각각의 단어 사이에 underbar 기호(_)를 띄어쓰기 대신 사용하는 것 - HTML, CSS에서 주로 사용하는 단어를 표기하는 방법 camelCase - 가장 첫번째 단어의 첫글자는 소문자로 시작하고, 이후의 단어들은 첫글자가 대문자로 시작하는 것 ex. theQuickBrownFoxJumpsOverTheLazyDog - JS에서 주로 사용하는 단어를 표기하는 방법 ParcelCase - 가장 첫번째 단어의 첫글자도 대문자로 시작하고, 이후의 단어..