출처 - 인프런, 처음 만난 리액트

오늘 배울 것 : function +대체 언제 function이 등장해야 하는지 function을 쓰면 긴 코드를 깔끔하게 한 단어로 축약가능 과제) [codingApple.html] Alert 박스 닫기 버튼 [codingAplple css] .alert-box { background: #aba8f4; color: #4646b4; padding: 20px; border-radius: 5px; display: none; }

UI 만드는 법 1. 미리 디자인 해놓고 숨김 2. 원할 때 JS를 이용해서 보여줌 수업) [codingApple.html] Alert 박스 버튼 [codingApple.css] .alert-box { background: #aba8f4; color: #4646b4; padding: 20px; border-radius: 5px; display: none; } 숙제 : 닫기버튼 기능 개발하기 내 답) [codingApple.html] Alert 박스 open close [codingApple css] .alert-box { background: #aba8f4; color: #4646b4; padding: 20px; border-radius: 5px; display: none; } 유튜브 답) [coding..

[getElementById] https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById Document.getElementById() - Web APIs | MDN The Document method getElementById() returns an Element object representing the element whose id property matches the specified string. Since element IDs are required to be unique if specified, they're a useful way to get access to a specific element quick develope..

1번) function sumMulti(num1,num2){ if(num1==num2){ return num1*num2; } else{ return num1+num2; } } console.log(sumMulti(5,10)); console.log(sumMulti(10,10)); 개선해야 할 점) 1. 험수를 더 간결히 할 수 있을 것 같다 2. 변수명 고민하기 2번) var n1=prompt("비교될 첫 번째 숫자:"); var n2=prompt("비교될 두 번째 숫자:"); compare(n1,n2); function compare(x,y){ if(x>y) alert(x+"이(가) "+y+"보다 큽니다."); else if(x

1번) 짝수일까, 홀수일까 책 답) 짝수일까, 홀수일까 보완할 점 1. css에서 폰트 사이즈 조절 2. 책에서는 취소하는 경우를 고려했음 2번) 3의 배수 찾기 책에 있는 답) 3의 배수 찾기 개선해야 될 점 : 태그 활용!