두 수의 합 문제 설명 정수 num1과 num2가 주어질 때, num1과 num2의 합을 return하도록 soltuion 함수를 완성해주세요. 제한사항 50,000 ≤ num1 ≤ 50,000 50,000 ≤ num2 ≤ 50,000 입출력 예 num1 num2 result 2 3 5 100 2 102 입출력 예 설명 입출력 예 #1 num1이 2이고 num2가 3이므로 2 + 3 = 5를 return합니다. 입출력 예 #2 num1이 100이고 num2가 2이므로 100 + 2 = 102를 return합니다. ------------------------------------------------------------------------------------------------------------..

[]자료형 array array를 쓰면 여러 자료를 변수 하나에 저장 가능 → [자료1, 자료2, 자료3, …] array 자료 추출 array 자료 추가/수정 object 자료형 {이름1: 자료1, 이름2: 자료2…} → 이름 붙여서 저장 가능하는 게 장점 → key:value 형태로 저장가능 object 자료 수정/추가 array / object 차이점 array 자료 간 순서가 존재함 object는 순서개념이 없음 sort → 정렬 기능 car.sort() car.slice(1, 3) → 중간에 자르기 1번부터 3번전까지 잘라주세요. car.push(x) → x를 맨 뒤에 추가 {중괄호}로 시작하면 object [대괄호]로 시작하면 array car2.price → 변수 입력 불가능 car2[pri..

vw = 브라우저 폭 X초 마다 코드 실행하려면 setlnterval(function(){실행할 코드}, ms) function 문법 긴 코드 축약해서 쓸 수 있음 파라미터 추가가능 return → 반환 return은 함수 종료 기능도 있음 function 함수(){ return 1 + 3 console.log(1); } let 변수 = 함수() console.log(변수); function 함수(){ return 123(아무거나 다 가능) } let 변수 = 함수() console.log(변수); return 의 용도 아래 표와 같이 많은 식이 필요할 때 식을 만들어 표현 console.log(6000 * 0.1); function vat(a) { return a * 0.1 } vat(50000) 소수..

유저가 에 입력한 값 document.getElementById('').value; document.getElementById('email').value; document.querySelector('form').addEventListener('submit', function(){ if (document.getElementById('email').value == '') { alert('아이디 입력') } else { console.log('완료') } }); 폼 전송 막기 e.preventDefault() else if 문법 → 조건식을 연달아 쓰고 싶을 때 사용 → else 문이 있으면 뒤 조건식을 검사 안할 수도 있음. if ( 1 == 3) { console.log('맞아요1'); } else if ..

JS 쓰는 이유 → HTML 조작이 목적 JS 기초 document.getElementById('hello').innerHTML = "안녕"; document.getElementById('??').innerHTML = "??"; document : 문서 . : 의 getElementById : Id가 hello인 html 요소를 가지고 와라 innerHTML : 그거의 내부 HTML 등호(=) : 오른쪽을 왼쪽에 넣어주세요. document.getElementById('??').??? = "????"; ??→ getElementByID → 바꿀 html 요소 id(셀렉터) ??? : 무엇을(.innerHTML / .style / .color ) → 메소드(또는 함수) → html 요소의 어떤 속성을 변경..

pseudo-class → 특정 요소가 다른 상태일 때 스타일 줄 수 있게 도와줌 : pseudo-class ::pseudo-element → 내부의 일부분만 스타일 줄 때 ::after → 내부 맨 뒤에 뭔가 추가할 때 ::before → 내부 맨 앞에 뭔가 추가할 때 pseudo-element로 clear:both 박스 만들기 → 요소 뒤에 clear:both 속성을 가진 박스가 필요하다면 div를 만들 필요 없이 그 요소 뒤에 content 빈 공간으로 아래 같이 코드와 같이 입력하면 된다. .box:after { content: ''; display: block; clear: both; float: none; } -webkit- → 사파리, Edge, 크롬에서만 적용되는 스타일 -moz- → Fi..