🩷 기본미션 🩵 기본미션 🩵 선택미션 할 일 목록 추가하기 할 일 목록 추가하기 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스
🩷 5주차 미션 🩵 기본미션객체 (object)속성 (property)메소드 (method)여러 가지 속성을 가질 수 있는 대상객체 내부에 있는 값● 배열 내부에 있으면 요소● 객체 내부에 있으면 속성 ○ delete 키워드 : 객체의 속성 제거 할 때 사용객체의 속성 중에 함수 자료형인 속성● this 키워드 : 객체 내부의 메소드에서 자기 자신이 가진 속성을 표시할 때 사용 🩵 선택미션❓모질라 문서에서 Math 객체와 관련된 내용을 읽고 사인 90도의 값을 구하기 단순하게 생각해서 Math.sin( ) 메소드를 사용하여 코드를 구현하면 0.8939966636005579 이러한 결과가 나오게 된다. 이를 어떻게 해야 제대로 사용할 수 있는지 구글 검색을 활용해 볼 것이다. ja..
🩷 06-1 객체의 기본🩵 객체객체 (object) : 속성을 가진 자바스크립트의 기본 데이터 타입자바스크립트에서 여러 자료를 다룰 때 객체 사용배열도 여러 자료를 다룰 수 있음객체 선언 : 중괄호 { ... } 로 생성, 자료를 쉼표 ( , ) 로 연결해서 입력키 : 값 객체 요소 접근 : 객체 뒤에 [ ... ] 를 사용하고 키를 입력객체 [ 키 ] 온점 ( ... ) 사용보조 기능을 활용할 수 있음객체 . 키 🩵 속성과 메소드요소 (element) : 배열 내부에 있는 값속성 (property) : 객체 내부에 있는 값 🤍 속성과 메소드 구분하기메소드 (method) : 객체 속성 중 함수 자료형인 속성 🤍 메소드 내부에서 this 키워드 사용하기메소드 내에서 자기 자신이 가진 속성을 출력..
🩷 4주차 미션 🩵 기본미션const isLeapYear = function(year) { return ((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0);}console.log(`2022년은 윤년일까? === ${isLeapYear(2022)}`); 🩵 추가미션 조건①. 홀수만 추출numbers 배열에서 홀수인 숫자들만을 추출하기 위해 filter 함수 사용'x % 2 === 1' 조건은 해당 숫자 'x'가 2로 나누었을 때 나머지가 1인지를 확인하여 홀수를 판별②. 100 이하의 수만 추출'numbers' 배열에서 100 이하의 숫자들만을 추출하기 위해 'filter' 함수 사용'x ③. 5로 나눈 나머지가 0인 수'numbers..
🩷 4주차 미션 🩵 기본미션const isLeapYear = function(year) { return ((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0);}console.log(`2022년은 윤년일까? === ${isLeapYear(2022)}`); 🩵 추가미션 조건①. 홀수만 추출numbers 배열에서 홀수인 숫자들만을 추출하기 위해 filter 함수 사용'x % 2 === 1' 조건은 해당 숫자 'x'가 2로 나누었을 때 나머지가 1인지를 확인하여 홀수를 판별②. 100 이하의 수만 추출'numbers' 배열에서 100 이하의 숫자들만을 추출하기 위해 'filter' 함수 사용 'x ③. 5로 나눈 나머지가 0인 수'number..
🩷 05-1 함수의 기본 형태🩵 익명 함수함수 : 코드의 집합을 나타내는 자료형function () { } 함수 사용의 장점반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복 작업 피할 수 있음긴 프로그램을 기능별로 나눠 여러 함수로 나누어 작성하면 모듈화로 전체 코드의 가독성 좋아짐기능별 (함수별) 로 수정이 가능하므로 유지보수가 쉬움function : 함수의 자료형 익명 함수 (anonymous function) : 이름이 붙어있지 않은 함수 🩵 선언적 함수선언적 함수 : 이름이 있는 함수let 함수 = function() { }; 함수를 출력했을 때 함수의 이름이 붙어 있음!! 🩵 매개변수와 리턴값매개변수 : 함수를 호출할 때 괄호 안에 적는 것리턴값 : 함수의 최종 결과 필요..
🩷 3주차 미션 🩵 기본미션 파괴적 처리비파괴적 처리의미처리 후에 원본 내용이 변경됨처리 후에 원본 내용이 변경되지 않음장점메모리 절약 가능메모리 절약 불가능단점원본이 사라지기 때문에 오류가 발생했을 경우 오류 발생 전의 데이터를 알아내지 못해 위험원본을 저장하기 때문에 자료 보호 할 수 있음예시push( ) 메소드 실행한 후 dreams의 값을 보면 원본과 다르다는 것을 알 수 있음a와 b를 연결하여 c를 만든 후에 a와 b를 살펴보면 원본 내용이 변하지 않음 🩵 추가미션 ①. 비파괴적 : strA의 내용이 바뀌지 않음②. 파괴적 : arrayB의 내용이 바뀜③. 비파괴적 : arrayC의 내용이 바뀌지 않음④. 비파괴적 : strD의 내용이 바뀌지 않음 🩷 CHAPTER 04 정리 CHAPTE..
🩷 04-1 배열🩵 배열 만들기배열 array : 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형 대괄호 [...] 를 사용해 생성하고 내부의 값을 쉼표 (,) 로 구분해 입력 요소 element : 배열 내부에 들어 있는 값 어떠한 종류의 자료형도 요소가 될 수 있음[ 요소, 요소, 요소, ... , 요소 ]// EXlet dream = [205, 423, 606, 802, 813, 825] 🩵 배열 요소에 접근하기가장 앞에 있는 요소를 0번째로 표현인덱스 index : 요소의 순서배열[인덱스] 🩵 배열 요소 개수 확인하기배열내부에 들어 있는 요소의 개수를 확인할 때는 배열의 length 속성 사용배열.length 🩵 배열 뒷부분에 요소 추가하기🤍 push( ) 메소드를 사용..
🩷 03-1 if 조건문조건문을 사용하면조건에 따라 코드를 실행할 수도 있고 실행하지 않을 수도 있음.조건분기 : 코드가 실행되는 흐름을 변경하는 것 🩵 if 조건문if 조건문 : 조건에 따라서 코드를 실행하거나 실행하지 않을 때 사용하는 구문조건 : 불 자료형을 의미 if (불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장} 🩵 if else 조건문서로 반대되는 상황을 표현하는 구문if (불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장} else { 불 값이 거짓일 때 실행할 문장} 🩵 중첩 조건문조건문 안에 조건문을 중첩해 사용하는 것if (불 값이 나오는 표현식 1) { if (불 값이 나오는 표현식 2) { 표현식 2가 참일 때 실행할 문장 } el..
🩷 2주차 미션 🩵 기본미션 🤍 출력결과 🩵 선택미션 위의 코드를 더 간단하고 가독성있게 작성한 코드가 밑의 코드입니다. 🤍 출력결과 🩷 CHAPTER 3 개념 정리 CHAPTER 03🩷 if 조건문 조건문을 사용하면조건에 따라 코드를 실행할 수도 있고 실행하지 않을 수도 있음. 조건분기 : 코드가 실행되는 흐름을 변경하는 것 🩵 if 조건문 if 조건문 : 조건에 따라서 코드를voielactee.tistory.com