javascript17 4 JavaScript_prompt로 입력받아 합계/평균을 구하고 학점 판정 ✅ 정리prompt() 입력 → Number() 또는 +로 숫자 변환sum, avg 계산학점 판정 → if문 과 switch문 모두 가능학점 로직은 반드시 avg 값이 계산된 후에 실행해야 함 2025. 9. 8. 3. JavaScript_숫자변환 문자열 → 숫자 변환 비교 ✅ 핵심 요약문자열 그대로 더하기 → "3" + 1 = 31parseInt() → 정수만 변환, 소수점 이하 버림Number(), + → 숫자(정수/실수) 변환eval() → 문자열을 식으로 실행 (보안상 권장 X) 2025. 9. 8. 2. JavaScript_함수생성, 이벤트 속성 정리 ✅ 정리버튼에서 onClick 속성으로 함수 호출 가능함수 파라미터가 없으면 → undefined일부러 null을 전달할 수도 있음innerHTML을 사용해서 동적으로 화면 내용 변경📌 주요 이벤트 속성 정리1. 마우스 관련onclick : 클릭했을 때ondblclick : 더블 클릭했을 때onmousedown : 마우스 버튼 누를 때onmouseup : 마우스 버튼 뗄 때onmousemove : 마우스가 움직일 때onmouseover : 마우스를 올렸을 때 (hover)onmouseout : 마우스가 벗어났을 때onwheel : 마우스 휠 스크롤2. 키보드 관련onkeydown : 키를 누를 때onkeypress : 키를 누르고 있을 때 (현재는 거의 안 씀, keydown/keyup 권장)on.. 2025. 9. 8. 자바스크립트 dom 요소 가져오기 클래스 이름으로 가져오기 .getElementsByClassName("클래스 네임") 아이디 이름으로 가져오기 .getElementById ("아이디 이름") 태그 하나 가져오기 .querySelector("#id") or (태그) 태그 여러개 가져오 .querySelectorAll ( 태그 여러개 ) 1. 클래스 이름을 이용한 선택 클래스 이름을 이용한 선택 첫 번째 아이템이에요! 두 번째 아이템이에요! 세 번째 아이템이에요! 네 번째 아이템이에요! 다섯 번째 아이템이에요! 페라리 람보르기니 벤츠 페라리 람보르기니 벤츠 2. name 속성 선택 name에 특수기호 '-'가 들어가면 [ ] 대괄호로 불러준다. 3. 유효성 검사 아이디에 값이 없을때 "아이디"를 콘솔에 출력 비밀번호에 값이 .. 2024. 2. 7. 자바스크립트 date // Date객체 // let 객체명 = new Date(); // Date객체의 주요 메소드 // getFullYear(): 4자리 년도 // getMonth(): 0~11사이의 정수(0: 1월, 1: 2월, ..., 11: 12월) // getDate(): 한 달 내의 날짜(28~31) // getDay(): 한 주 내 요일(0: 일요일, 1: 월요일, ..., 6: 토요일) // getHours(): 0~23사이의 정수 // getMinutes(): 0~59사이의 정수 // getSeconds(): 0~59사이의 정수 // getMilliseconds(): 0~999사이의 정수 // getTime(): 1970년 1월 1일 0시 0분 0초 기준 현재까지의 밀리초 // setFullYear(year).. 2024. 2. 7. object, spread, rest , 비구조화 할당 프로퍼티 js에서는 객체 내부의 필드를 프로퍼티라고 부른다. 일반적으로 . 을 사용해서 프로퍼티에 접근한다. 만약 프로퍼티 이름에 "-"와 같은 특수문자가 들어가 있거나 프로퍼티의 이름에 규칙성이 있어서 한 번에 가져와야 할 때에는 []를 사용해서 접근한다. // JS에서는 객체 내부의 필드를 프로퍼티라고 부른다. let user = { name: "이정륜", age: 20, address: "경기도", introduce: () => { console.log("Hi😍"); }, }; console.log(typeof user); user.introduce(); // 일반적으로 .를 사용해서 프로퍼티에 접근한다. console.log(user.name); // 만약 프로퍼티 이름에 "-"와 같은 특수문자가.. 2024. 1. 29. 이전 1 2 3 다음
