[TIL] 엘리스 SW 엔지니어 트랙 Day 008

📖 오늘 배운 내용 - 2021.11.03

• 배열
• 반복문
• 함수 작성법
• this
• target
• 객체
• 논리 연산자

 

📝 배열

• 배열은 여러 원소(element)가 모여서 이루어진다. 각자가 index를 가지고 있다.
  • 색인이란 데이터를 찾을 수 있는 식별자이다.
• array.length : 배열의 길이
• array.push() : 배열 추가

[자바스크립트] 배열

 

📝 반복문

html에 list 추가하기

let members = ['name1', 'name2', 'name3'];
let tempArr = []

for(let i = 0; i < members.length; i++) {
    tempArr.push(`
        <li>${members[i]}</li>
    `)
}
tempArr = tempArr.join('')

const ol = document.createElement('ol')
ol.innerHTML = tempArr;
document.querySelector('body').appendChild(ol);

 

[자바스크립트] while과 for 반복문

 

📝 함수

function 부가세_계산기(가격, 부가세율=0.1) { // 괄호 안에는 매개변수(parameter)
    console.log(가격 * 부가세율);
        return 가격 * 부가세율;
}

부가세_계산기(10, 0.2); // 괄호 안에는 인자(argument)
console.log(부가세_계산기(10, 0.2));

• 함수는 return 뒤가 값이다.
• 함수는 return을 만나면 종료된다.

[자바스크립트] 함수

 

📝 this

[JavaScript] 자바스크립트 this에 대해서 다시 한번 알아보자!

 

[자바스크립트] 메서드와 this

 

📝 객체

[자바스크립트] 객체, 프로퍼티, 메소드

 

📝논리 연산자

[자바스크립트] 논리 연산자

 

💡 오늘 깨달은 것

• 여러 태그를 선택하려면 document.querySelectorAll() 사용
• 디버깅하고 싶다면 확인하고 싶은 부분에 debugger 작성 or 개발자 모드에서 brakepoint 걸어주기
• indexOf : 문자열에서 찾고자 하는 문자의 index 정보를 알 수 있는 메소드
• 오늘 이고잉 코치님이 모든 것을 다 공부하지 말고 주요한 부분을 학습하여라! 이미 공부한 사람들은 자신이 부족한 부분, 어려워하는 부분을 복습 학습하라고 말씀해 주셨다. 이 말 유념하면서 수업을 진행하면서 어렵고 복잡한 부분만 블로그에 정리하고 효율 있게 공부해보자!