목록개발/JavaScript (29)
베이스캠프 5일차 어제 의문을 가졌던 부분에 이어, timer.js에 새로운 기능을 추가했다 let isStarted = false; const auth = () => { if(isStarted === false){ // 타이머가 작동 중이 아닐 때 isStarted = true // document.getElementById("complete").disabled = false // document.getElementById("") // const token = String(Math.floor(Math.random()*1000000)).padStart(6,"0") // document.getElementById("target").innerText = token // document.getElement..
오늘 작성한 코드에 대해 복습하며, 버튼을 누르다가 이상한 점을 발견했다 버튼을 연타하면, 누른 횟수만큼 추가적으로 1초씩 빨리 진행된다는 것 interval 을 실행시키기만 하고, 멈추는 코드가 없으니 당연한 것이기도 했다 const auth = () => { const token = String(Math.floor(Math.random()*1000000)).padStart(6,"0") document.getElementById("target").innerText = token document.getElementById("target").style.color = "#" + token let time = 180 setInterval(() => { if(time>=0){ let min = Math.floo..
베이스 캠프 4일차 함수 function 함수이름(매개변수) { 함수를 호출했을 때 실행할 명령문 } console.log = 개발자 도구에서 확인 / 데이터 반환 작동 X return = 결과값 반환 함수 작성 방법 함수 선언식 함수 표현식 화살표 함수 let friend = "김코딩" // 함수 선언식 function hello(name) { alert(name + "님 안녕하세요.") } console.log(hello(friend)) // 함수 표현식 const hi = function(name) { alert(name + "님 안녕하세요.") } console.log(hi(friend)) const greeting = (name) => { alert(name + "님 안녕하세요."..
데이터 타입과 연산자 산술 연산자 % = 나머지 숫자와 문자열을 합치면 문자열로 전체가 변경되니 주의해야 함 ex) 1+2+3+"4" = "1234" 비교 연산자 1. 엄격한 동치 연산자 데이터 타입과 값까지 같아야 True === 같음 !== 같지 않음 2. 느슨한 동치 연산자 타입 비교 없이 값만 같으면 True == 같음 != 같지 않음 3. 논리 연산자 && 양쪽 모두 true 여야 true 반환 || 한쪽만 true여도 true 반환 ! Boolean을 반전시킴 / ex) !false => true 조건문 조건을 만족하면 실행시켜줌, 비교연산자와 함께 쓰임 거짓같은 값 주의 ex) 0의 경우는 if문 조건에 대입 시 false로 나옴 if문 활용 예제 const p..
자바스크립트 변수 - 어떤 관계나 범위 안에서 여러가지 값으로 변할 수 있는 값 상수 - 변하지 않는 일정한 값 Let - 데이터 수정 가능, 재선언 불가 Const - 데이터 수정 불가, 재선언 불가 // 선언 let name // 할당 name = "홍길동" // 재할당 name = "김코딩" // 재선언 불가 let = name = "김코딩" / const name = "홍길동" // 재할당 불가 name = "스티브 잡스" 배열로 한번에 담을 수 있음 / 쉼표로 구분 종류는 빈 배열 / 숫자 / 문자열 인덱스는 0부터 시작함 배열관련 함수 const array = ["배열"] // 배열 맨뒤에 값 추가 array.push() // 배열 마지막 값 삭제 array.pop() // 배열 요소 정렬 a..