1.학습한 내용

오늘도 JS, 조건문과 반복문, 함수

1)조건문과 반복문의 숙달

-어제 배운 버튼 만들기, if를 통한 통합버튼 만들기를 빠르게 연습했다.

input type="button" value="night"https://egoingsb.github.io/daegu-ai-school-web-src/javascript/buttons.html">https://egoingsb.github.io/daegu-ai-school-web-src/javascript/buttons.html
2000개의 버튼을 누를 수 있는 웹페이지

-cosole에서 전체 버튼 클릭하기
let inputs = document.querySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
inputs[i].click()
}

-100~200사이 버튼 지정 클릭하기 (2개의 조건문 사용)
let inputs = document.querySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
if(inputs[i]; value>100){
if(inputs[i]; value<200){inputs[i].click();}
}
}

-함수를 활용한 버튼 가독성Up
script
function night() {
document.querySelector('body').style.backgroundColor = 'black';
document.querySelector('body').style.color = 'white';
let as = document.querySelectorAll('a');
for(let i=0;i<as.length;i=i+1){
as[i].style.color = 'white';

=> night(); 간단하게 줄일 수 있다

function day(){
document.querySelector('body').style.backgroundColor = 'white';
document.querySelector('body').style.color = 'black';
let as = document.querySelectorAll('a');
for(let i=0;i<as.length;i=i+1){
as[i].style.color = 'black';

=> day(); 마찬가지로 간단하게 줄일 수 있다

script
input type="button" value="night" onclick="
let btn = this;
if(btn.value === 'night'){
night();
btn.value = 'day';
} else {
day();
btn.value = 'night';
}
깔끔하고 보기 쉽게 바뀐 버튼 코드

-function 부가세계산(가격, 부가세율){ // 매개변수, parameter
let 부가세 = 가격 * 부가세율;
// console.log(부가세); --> concole.log에 출력
return 부가세;
}
console.log(부가세계산(2000, 0.1)); // 인자 , argument , 입력값

-function a(){
return 1; --> return은 함수값 확정,함수의 종료조건
}
a()*100

**3)코딩의 무덤? = 객체지향

let student = ['egoing','duru']; 순서대로, 배열에서는 각각을 index로 인식
console.log(student[0], student[1]);

let member = {developer:'egoing' , designer:'duru'};
console.log(member.developer, member.designer);
객체 = 역할이 다른 데이터에 개별 이름을 붙여 구분 가능

let person = {name:'egoing',city:'seoul',job:'develoer'};
console.log(person.name,person.city,person.job);
객체 = 각 각의 성격이 다른 데이터를 순서없이 이름으로 저장

= 객체지향은 서로 연관된 변수와 함수를 그룹핑해서 이름을 붙인 것이다.
= 즉, 이름을 붙여서 저장하고 싶다? 객체지향을 사용하는 것!

2.학습내용 중 어려웠던 점.
처음부터 새로 코드를 짜볼 때 내가 생각하기로는 맞는것 같은데 제대로 활성화 되지 않아서 오타와 빠진부분을 찾는데 시간을 많이 쓰는 것 같습니다. 아직은 익숙치 않아서 오타, 빠짐이 많은게 가장 큰 문제라고 생각합니다.

3.해결방법
많이 코드를 계속해서 써보는 수밖에 없어서 지속적인 연습이 필요한 것 같습니다.

4.학습소감
알아가야할 영역이 넓어지고 점점 어느 부분을 집중적으로 할 것인가 선택해야 하는데 아직은 감이 잘 오지 않아서 걱정됩니다.