JavaScript 기초 다지기

- 알림창을 띄워 입력받기

const name = prompt("이름을 입력하세요.");
alert("환영합니다. "+name+"님");
alert(`안녕하세요, ${name}님. 환영합니다. `);

const name = prompt("예약일을 입력해주세요.","2023-02-");
const isAdult = confirm("당신은 성인 입니까?");
console.log(isAdult)

* prompt로 입력 받은 것은 전부 문자열!!

const mathScore = prompt("수학 몇 점?");
const engScore = prompt("영어 몇 점?");
const result = (mathScore+engScore)/2;
console.log(result)

아래와 같이 형변환을 해줘야 함!

const mathScore = prompt("수학 몇 점?");
const engScore = prompt("영어 몇 점?");
const result = (Number(mathScore)+Number(engScore))/2;
console.log(result)

 

 

- 조건문 사용해보기

const age = 30;
if(age>19){
    console.log('환영 합니다.');
} else if(age===19){
    console.log('수능 화이팅!');
} else{
    console.log('안녕히가세요.');
}

 

- 연산자 사용해보기

* 이름이 Mike 이거나, 성인이면 통과하는 코드 작성해보기

const name = "Mike";
const age = 30;
if(name === 'Mike' && age > 19){
    console.log('통과')
}else{
    console.log('삐빕!')
}

 

- 함수 선언문 VS 함수 표현식

 

sayHello();

function sayHello()
{
    console.log("Hello!")
}

let add = function(num1, num2){
    return num1+num2;
}

let plus = (num1, num2)=>{
    return num1+num2;
}

let showError = ()=>{
    console.log('error');
}

showError();

 

- Object -> 접근, 추가, 삭제

 

const superman = {
    name : 'clark',
    age : 33,
}

// 1. 접근
superman.name // 'clark'
superman['age'] // 33
// 2. 추가
superman.gender = 'male';
superman['hairColor'] = 'black'
// 3. 삭제
delete superman.hairColor;

console.log(superman)
 
for (let key in superman){
    console.log(key)
    console.log(superman[key])
}

 

예제 )

function makeObject(name, age) {
    return {
        name, //name : name,
        age, //age : age, 
        hobby : 'football'
    };
}
const Mike = makeObject("Mike", 30);
console.log(Mike);

console.log("age" in Mike);
console.log("birthday" in Mike);

 

* 20살 이상이면 true 반환, 아니면 false 반환하기

function isAdult(user) {
    if(user.age > 20) {
        return true;
    }
    return false;
}

const Mike = {
    name : 'Mike',
    age : 30
};

const Jane = {
    name: "Jane"
};

console.log(isAdult(Mike))

for(x in Mike){
    console.log(Mike[x]) //Mike['age]
}

 

* 객체 안의 함수 사용

const superman = {
    name : 'clark',
    age : 33,
    fly(){
        console.log('날아갑니다.')
    }
}
superman.fly();

// 객체 메서드 안의 함수에서 화살표 함수를 쓰지 않는 것이 좋다.
let boy = {
    name: "Mike",
    showName: function() {
        console.log(this.name)
    }
};

let man = boy;

console.log(boy.name)

 

- 배열

// 반복문 : for .. of 

let days = ['월', '화', '수'];

for (let day of days) {
    console.log(day)
}

days[1] = "tue"

days.push('목')
days.unshift("sun");

console.log(days)
console.log(days.length)

for(let index = 0; index < days.length; index++) {
    console.log(days[index])
}

 

++ 유튜브 <코딩앙마> - 왕초보 자바스크립트 중 ..

https://www.youtube.com/watch?v=P0FY8k916e0&list=PLZKTXPmaJk8JDicsOyY2cTcwXmBa-ZceI