🩷 기본미션 🩵 기본미션 🩵 선택미션 할 일 목록 추가하기 HTML 삽입 미리보기할 수 없는 소스

🩷 5주차 미션 🩵 기본미션 객체 (object) 속성 (property) 메소드 (method) 여러 가지 속성을 가질 수 있는 대상 객체 내부에 있는 값 ● 배열 내부에 있으면 요소 ● 객체 내부에 있으면 속성 ○ delete 키워드 : 객체의 속성 제거 할 때 사용 객체의 속성 중에 함수 자료형인 속성 ● this 키워드 : 객체 내부의 메소드에서 자기 자신이 가진 속성을 표시할 때 사용 🩵 선택미션 ❓모질라 문서에서 Math 객체와 관련된 내용을 읽고 사인 90도의 값을 구하기 단순하게 생각해서 Math.sin( ) 메소드를 사용하여 코드를 구현하면 0.8939966636005579 이러한 결과가 나오게 된다. 이를 어떻게 해야 제대로 사용할 수 있는지 구글 검색을 활용해 볼 것이다. javasc..

🩷 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

🩷 05-1 함수의 기본 형태 🩵 익명 함수 함수 : 코드의 집합을 나타내는 자료형 function () { } 함수 사용의 장점 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복 작업 피할 수 있음 긴 프로그램을 기능별로 나눠 여러 함수로 나누어 작성하면 모듈화로 전체 코드의 가독성 좋아짐 기능별 (함수별) 로 수정이 가능하므로 유지보수가 쉬움 function : 함수의 자료형 익명 함수 (anonymous function) : 이름이 붙어있지 않은 함수 🩵 선언적 함수 선언적 함수 : 이름이 있는 함수 let 함수 = function() { }; 함수를 출력했을 때 함수의 이름이 붙어 있음!! 🩵 매개변수와 리턴값 매개변수 : 함수를 호출할 때 괄호 안에 적는 것 리턴값 : 함수의 최..

🩷 3주차 미션 🩵 기본미션 파괴적 처리 비파괴적 처리 의미 처리 후에 원본 내용이 변경됨 처리 후에 원본 내용이 변경되지 않음 장점 메모리 절약 가능 메모리 절약 불가능 단점 원본이 사라지기 때문에 오류가 발생했을 경우 오류 발생 전의 데이터를 알아내지 못해 위험 원본을 저장하기 때문에 자료 보호 할 수 있음 예시 push( ) 메소드 실행한 후 dreams의 값을 보면 원본과 다르다는 것을 알 수 있음 a와 b를 연결하여 c를 만든 후에 a와 b를 살펴보면 원본 내용이 변하지 않음 🩵 추가미션 ①. 비파괴적 : strA의 내용이 바뀌지 않음 ②. 파괴적 : arrayB의 내용이 바뀜 ③. 비파괴적 : arrayC의 내용이 바뀌지 않음 ④. 비파괴적 : strD의 내용이 바뀌지 않음 🩷 CHAPTER ..

🩷 04-1 배열 🩵 배열 만들기 배열 array : 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형 대괄호 [...] 를 사용해 생성하고 내부의 값을 쉼표 (,) 로 구분해 입력 요소 element : 배열 내부에 들어 있는 값 어떠한 종류의 자료형도 요소가 될 수 있음 [ 요소, 요소, 요소, ... , 요소 ] // EX let 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가 참일 때 실행할 문장 } else { ..

🩷 2주차 미션 🩵 기본미션 🤍 출력결과 🩵 선택미션 위의 코드를 더 간단하고 가독성있게 작성한 코드가 밑의 코드입니다. 🤍 출력결과 🩷 CHAPTER 3 개념 정리 CHAPTER 03 🩷 if 조건문 조건문을 사용하면조건에 따라 코드를 실행할 수도 있고 실행하지 않을 수도 있음. 조건분기 : 코드가 실행되는 흐름을 변경하는 것 🩵 if 조건문 if 조건문 : 조건에 따라서 코드를 voielactee.tistory.com

🩷 1주차 미션 🩵 기본미션 🩵 추가미션 🩷 CHAPTER 01 정리 CHAPTER 01 🩷 01-1 자바스크립트의 활용 자바스크립트 : 웹 브라우저에서 사용하는 프로그래밍 언어 🩵 자바스크립트로 할 수 있는 것들 웹 클라이언트 애플리케이션 개발 웹 : 하이퍼링크 매개체로 문서 voielactee.tistory.com 🩷 CHAPTER 02 정리 CHAPTER 02 🩷 02-1 기본 자료형 자료 data : 프로그래밍에서 프로그램이 처리할 수 있는 모든 것 자료형 data type : 자료 형태에 따라 나눠 놓은 것 🩵 문자열 자료형 문자열 string : 문자들의 집합 문자열 자료 voielactee.tistory.com