도라에몽 개발자

문자 변수명.메소드명(...) 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 키워드를 사용하여 해당 함수에 대한 프로토타입 객체 생성 및 연결 가능함...

선언 및 표현, 호이스팅 함수 선언문(Declaration) 및 함수 표현식(Expression) // function_키워드 함수명() {} function hello() {} // const 또는 let으로 만든 변수에 할당되는 function (함수) const hello = function () {} 호이스팅(Hoisting) - 함수 선언문을 자바스크립트를 통해 코드의 유효한 범위 내에서 맨 위로 올려서 가장 먼저 실행시켜줌. - 그로 인해, 함수 호출문이 먼저 선언되고 이후에 함수 선언문이 구현되는 순서이더라도 정상적으로 실행됨. - 함수 선언문 → 호이스팅 현상으로 변환 가능 - 함수 표현식 → 호이스팅 현상으로 변환 불가능 // 함수의 선언문(Declaration) -> 호이스팅(Hoist..

산술 / 할당 / 증감 연산자 산술 연산자 (Arithmetic) Ex. 1 + 2 ■ 연산자: 기호 (+) ■ 피연산자: 데이터 (1, 2) 나누기 연산자: / 나머지 연산자: % // 나누기 연산자 (/) console.log(10 / 2) // 5 // 나머지 연산자 (%) console.log(7 % 5) // 2 // 함수 활용 function isEven(num) { // isEven 함수 생성 return num % 2 === 0 } console.log(isEven(3)) // num 인수에 3을 대입하여 계산한 값 출력: false console.log(isEven(4)) // num 인수에 4를 대입하여 계산한 값 출력: true 할당 연산자 (Assignment) ■ const: 재할..

컴퓨터 환경 or 웹브라우저 환경에서 컴퓨터 언어인 JS (Java Script)를 사용하여 개발을 할 수 있음. 이 때, 컴퓨터 환경에서 JS를 사용할 때 활용하는 것이 Node.js 임. NPM (Node Package Manager) 정의 - 전 세계 개발자들이 만든 다양한 기능들을 관리해주는 관리자를 의미함. cf. 패키지(= 모듈): 전 세계 개발자들이 만든 다양한 기능들을 일컫는 말 npm init 명령어 - package.json을 만드는 명령어로, 새로운 프로젝트나 패키지를 만들 때 사용함. - 설치할 때 몇 가지 질의응답 있으나, npm init -y 명령어 사용 시 질의응답 생략하고 즉시 패키지 생성됨. start 명령어 - start 명령어 안에 실행할 수 있는 기본적인 서버 혹은 파..

원시형 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 - 가장 첫번째 단어의 첫글자도 대문자로 시작하고, 이후의 단어..