The Web Developer 부트캠프 2022/프로젝트
ToDo 리스트 - 1
거위발바닥
2022. 9. 18. 19:29
let toDo = prompt("what you wanna do?");
let showList = ["Buy New Turtle"];
while (toDo !== 'quit') {
if (toDo === 'list') {
console.log('********');
for (let i = 0; i < showList.length; i++) {
console.log(`${i}: ${showList[i]}`);
}
console.log('********');
toDo = prompt("what you wanna do?");
}
else if (toDo === 'add') {
let addWhat = prompt("what you add?");
showList.push(addWhat);
toDo = prompt("what you wanna do?");
}
else if (toDo === 'delete') {
let deleteWhat = parseInt(prompt("number you wanna delete"));
showList.splice(deleteWhat, 1);
toDo = prompt("what you wanna do?");
}
}
console.log('quit');
1. 페이지 새로고침시 맨 처음에 나오는 프롬포트는 맨 윗줄 let toDo = prompt("what you wanna do?");
때문에 나오기 때문에 저 아래에 다른 변수 ( let ) 을 지정하면 프롬포트가 다른것도 나와서 목적에 안맞는다.
2. while은 ()의 값이 true이면 반복, for도 ()값이 true이면 반복하는 것을 이해해야 함
위 while의 값은 toDo !== 'quit' 이므로 toDo의 값이 quit가 아니면 true이기에 코드를 반복한다.
아래 for의 값도 i < showList.length 이므로 i의 값이 showList보다 작으면 true이므로 코드를 반복한다.
3. 동일한 값을 뜻하는건 === 이거임 =는 값을 정해줄때 사용하는거임 꼭 익숙해질것
4. 각 if 코드에 toDo = prompt("what you wanna do?"); 를 넣으면 프롬포트가 나온다. let은 변수를 지정하는 것이므로
두번 이상 사용하지 못하고 저렇게 넣어도 프롬포트가 나온다 또한 저걸 넣지 않은채로 break를 안걸면 while문이
반복되어 큰일난다.
5. Number.isNaN(값) 을 넣으면 해당 값이 숫자인지 아닌지 판별해주므로 이걸 이용해서 delete 입력을 숫자가 아닌 다른 걸로 하면 다시 입력하게 하는 기능을 만들어보자