JS_ARRAY
// 19_array.js
// TODO: 배열(***) : 여러가지 값을 넣어두는 곳
// 반복문을 사용해서 코딩 효율화
// 변수 : 1가지 값을 넣어두는 곳
// let a = 1;
// let b = 2;
// let c = 3;
// let d = 4;
// let f = 5;
// console.log(a);
// console.log(b);
// console.log(c);
// console.log(d);
// console.log(f);
// TODO 개선하기 위해 나온것 배열 :
// TODO: 요약 : 배열 - 여러가지 값을 넣어두는 곳
// TODO: 사용법 : let 변수 = [값, 값2 ,,,];
// TODO: 반복문 활용 : 방번호가 정해짐 (인덱스 번호: 0 ~ 1 증가)
// TODO: 예) 변수[방번호] == 변수 [인덱스번호]
let color = ["red", "green", "blue", "yellow", "skyblue"]; // 배열정의
// TODO: 반복문
for (let i = 0; i < 5; i++) {
console.log(color[i]);
}
JS 함수
// TODO: js의 유용한 함수 소개
// TODO: 함수: 유용한 기능을 제공하는 것
// 예) 출력 : alert(), console.log (), prompt()
// 참고) 생김새 : 함수명()
// TODO: 1) 배열에 값 추가 기능
// TODO: 사용법 : 배열변수.PUSH(값);
// let num = [1, 2, 3]; // 배열 정의
// // 수정시 추가
// num.push(4); // 4 추가됨(끝에)
// console.log(num);
// TODO: 2) 배열에 값을 끝에서 삭제 기능
// TODO: 사용법 : 배열변수.pop()
// let num = [1, 2, 3];
// num.pop();
// console.log(num);
// TODO: 3) 수학 함수
// TODO: 3-1) 소수점 잘라내기
// let num = 12.3456;
// console.log(num.toFixed(2));
// TODO : 최대값 구하기 기능
// TODO : 사용법 : let 결과변수 = Math.max(변수, 변수2);
// let num = 1;
// let num2 = 2;
// let result = Math.max(num, num2);
// console.log(result);
// TODO: 3-3) 최소값 구하기 기능
// TODO: 3-3) 사용법 : let 결과변수 = Math.min(변수, 변수2)
let num = 1;
let num2 = 2;
let result = Math.min(num, num2);
console.log(result);
// TODO: 4)날짜 함수 : 날짜 객체 정의 -> 함수 사용
let data = new Date(); // date 객체 정의
// 출력 : 현재 년도
// TODO : 사용법 : 1)let 변수 = new Date();
// TODO : 2)let 결과변수 =.getfullyear();
let year = data.getFullYear(); // 현재 년도 가져오기 기능
console.log(year);
// TODO: 4-2) 출력 : 현재 월
// TODO: 사용법 : let 변수 = 객체.getMonth();
let month = data.getMonth(); // 현재 월 (0(1월) ~ 11(12월))
console.log(month); // 6
// TODO: 4-3) 출력 : 현재 일
let day = data.getDate(); // 현재 일
console.log(day); // 12
// TODO: 4-4 출력 : 현재 시
let hour = data.getHours(); // 현재 시
console.log(hour);
// TODO: 4-5 출력: 현재 분
let minute = data.getMinutes();
console.log(minute);
// TODO: 4-6 출력 : 현재 초
let second = data.getSeconds();
console.log(second);
// TODO: 실행법> 함수명();
// function hello() {
// alert("hello world");
// }
// // TODO: 2) 함수 실행
// hello();
// 간단연습 : "hello world is best!!"" 출력함수를 함수로 제작해서 실행하세요
// function hi() {
// alert("hello world is best!!");
// }
// hi();
// TODO: 2) 함수 작성법
// 2-1) 함수 작성
// function 함수명(매개변수) {
// 실행문(매개변수);
// }
// 함수명(값);
// function myFunc(param) {
// alert(param);
// }
// // TODO: 2-2) 함수 실행
// myFunc("hello world");
// 간단연습 : "hello world is best" 2번째 함수 매개변수사용
// function hi(a) {
// alert(a);
// }
// hi("hello world is best");
// TODO: 3) 함수 작성법
// TODO: 코딩에서 변수와 값의 허용 범위(scope)
// TODO: 중괄호 {} , 밖으로 나와서 사용할 수 없음
// 1)함수 작성
// TODO: return : 결과 내보내기 키워드(예악어), 함수안에서만 사용
// TODO: 사용법:
// function 함수명 (매개변수) {
// return 매개변수;
// }
// 함수 실행 : fuction 함수명(값);
// function hello(param) {
// return param;
// }
// let result = hello("world");
// console.log(result);
// 간단 연습
function hi(a) {
return a;
}
let result = hi("hello world is best!!!");
console.log(result);
객체(object)
// TODO: (***) 객체 : 실생활에서 보이는 모든 것을 객체로 표시할 수있음
// TODO: 코딩의 대상이 됨
// TODO: (참고) js : 객체지향언어
// TODO: => (과거) C-언어 (X)
// 예) 사람, 사물, 책상, 컴퓨터, 의자 등
// TODO: 객체를 코딩하는 법
// TODO: 1) 객체의 특징 : 속성
// TODO: 사용법 :
// let 객체변수 = {
// 속성 : 값,
// ...
// }
// let person = {
// name: "안지영", // 이름 특징
// phone: "010-1234-5678", //핸드폰
// age: 24, //나이
// };
// console.log(person);
// TODO: 객체의 속성(특징) 1개만 출력하기
let person = {
name: "홍길동",
age: 30,
};
console.log(person);
console.log(person.name);
Js 자료형 정리
// TODO: 자료형(종류) 정리
// 1) 문자(열) : String, "", ' '사용 예) "사자"
// 2) 숫자 : number, 예)1,2,3,4
// 3) 참/거짓 : boolean, 예) true/false
// 4) 객체 : object, 예) let cat = {name: "나비"}
// =>배열 : 객체 취급 예)let num [1,2,3];
// TODO: 5) null 자료형 : 넣을 공간이 없다
// let value = null; // 과거 : 안좋음
//현재
// let value = "";
// let value2 = 0;
// TODO: 6) undefined 자료형 : js만 있음
let dog = {
name: "삼순이",
age: 2,
};
// 속성 출력
console.log(dog.name);
console.log(dog.age);
// TODO : uNdefined (정의되지 않은)
console.log(dog.code);
