Javascript & Node.js8 비동기와 타이머 - 동기(synchronous): 앞선 작업이 완전히 끝난 후에 다음 작업이 실행되는 것- 비동기(asynchronous): 앞선 작업이 끝나지 않았는데도 다음 작업이 실행되는 것 (작성한 코드 순서와 다르게 실행되는 코드)예) 타이머 함수 타이머 함수: 지정한 시간(밀리초) 뒤에 지정한 직업을 수행1) setTimeout() 함수 : 지정된 시간 뒤에 코드가 실행되도록 함 형식:setTimeout(함수, 밀리초); 사용 예시:setTimeout(() => { console.log('2초 후에 실행됩니다.');}, 2000);##결과## - 첫 번째 인수에 넣는 함수를 외부에서 가져오기const callback = () => { console.log('2초 후에 실행됩니다.');} #"선언", 실행Xs.. 2025. 1. 21. 반복문 사용하기 - 숫자야구 0. 화면 만들기 확인 1. 숫자 4개 무작위로 뽑기- 무작위 숫자를 중복되지 않게 뽑으려면: 배열 or 객체 사용- 배열: 단순한 값의 나열일 때 사용 / 객체: 값에 이름이 붙을 때 사용(숫자야구의 경우에는 단순한 숫자의 나열이므로 배열 사용) 1-1. numbers라는 빈 배열 만들고 그 안에 1부터 9까지의 숫자 넣기-> 언젠가 긴 배열을 만들 걸 대비해서 '반복문'으로 배열을 생성하는 연습※ 반복문에서 조건식에 반복 범위를 작성하는 방법(4)0부터 9미만으로 적기0부터 8이하로 적기1부터 10미만으로 적기1부터 9이하로 적기const numbers = []; for (let n = 1; n 1-2. numbers 배열에 1~9.. 2025. 1. 19. 함수 사용하기 - 계산기 const onClickNumber = (event) => { if (operator) { numTwo += event.target.textContent; } else { numOne += event.target.textContent; } $result.value += event.target.textContent; };0. 계산기 화면 만들기 7 8 9 + 4 5 6 - 1 2 3 / C 0 = x 1. 버튼에 이벤트 리스너 추가하기- 각 버튼을 클릭했을 때 이벤트가 발생할 수 있도록 🔢 숫자 버튼 클릭-> operator 변수에 값이 저장되어 있느냐 아니냐에.. 2025. 1. 13. DOM 객체 다루기 - 끝말잇기 0. 순서도 그리기 (프로그래밍 사고력 기르기)모든 프로그램을 만들 땐 순서도를 먼저 작성해야 함! 1) 프로그램은 항상 '고정된 절차'로 돌아가야 함 (모든 예시가 성립할 수 있도록)- 절차 수, 내용이 항상 같아야 함 -> '몇'이나 '어떤' 같은 불특정 수식어 사용- '예'는 절차를 다 만들고 검증할 때 사용2) 모든 가능성 고려 : 틀렸을 경우까지3) 처음부터 완벽할 필요는 없다! 시행착오를 겪으며 보완하기 1. 화면 만들고 참가자 수 입력받기프로그램은 크게 두 가지, '화면이 있는 프로그램'과 '화면이 없는 프로그램'으로 나눌 수 있음 - 화면 있는 경우화면 그리는 과정도 순서도에 포함해야 함웹브라우저에서 돌아가는 프로그램은 HTML, CSS, 자바스크립트라는 세가지 언어 사용HTML: 화면 요.. 2025. 1. 8. 이전 1 2 다음