반응형

javascript 22

제로초 자바스크립트 입문 <끝말잇기 2>

1번째 참가자 제시어: 입력 정리 순서도 작성 프로그래밍에서 가장 중요한 것은 코드를 작성하기 전에 "올바른 순서도를 그리는 것" 순서도를 한 번에 완성할 수 없고 코딩하면서 계속 수정해야 한다 하지만 원칙을 지키면서 순서도를 설계한다면 수정하는 횟수와 절차를 최소화 할 수 있고, 결과적으로 코딩 속도도 빨라진다 프로그램의 절차 수는 정해져 있어야 한다 각 절차는 항상 같은 내용이어야 한다 모든 가능성을 고려해야 한다 예는 절차를 검증할 때 사용한다 사용자의 이벤트 (버튼클릭, 입력창 글자 입력 등)가 필요한 곳에서 순서도를 끊어야 함을 잊지 마세요! 순서도 최적화 구분 첫 번째 조건 두 번째 조건 결과 OR 관계 true true true true false true false true true fal..

제로초 자바스크립트 입문 <끝말잇기 1>

프로그램 절차를 만들 때의 원칙 프로그램의 절차 수는 정해져 있어야 한다 각 절차는 항상 같은 내용이어야 한다 모든 가능성을 고려해야 한다 예는 절차를 검증할 때 사용한다 끝말잇기 절차 게임에 몇 명이 참가할지 선택한다 참가자의 순서를 정한다 (편의상 숫자로 한다) 첫 번째 사람이 어떤 단어를 말한다 다음 사람이 어떤 단어를 말한다 절차 4에서 말한 단아가 맞는지 판단한다 맞다면 다음 사람이 어떤 단어를 말한다 맞지 않다면 틀렸다고 표시한다 게임을 계속 진행한다 1번째 참가자 제시어: 입력

제로초 자바스크립트 입문 <window 객체>

대화상자 사용하기 alert('여러 줄에 걸쳐\n표시합니다.'); prompt('사용자에게 표시할 메세지') prompt('몇 명이 참가하나요?'); confirm('사용자에게 표시할 메세지') confirm('확인이나 취소를 눌러 보세요.'); Math 객체 올림 Math.ceil( ) 반올림 Math.round( ) 내림 Math.floor( ) 최댓값 Math.max( ) 최솟값 Math.min( ) 제곱급 Math.sqrt( ) 무작위 숫자 Math.random( ) Date 생성자 함수 const = new Date(연, 월, 일, 시, 분, 초, 밀리초); const = new Date(타임스탬프); Date.now(); < (타임스탬프) new Date(); < (현재 시간) new Date..

제로초 자바스크립트 입문 <다양한 DOM 속성>

태그 속성 다루기 조회 시 사용: 태그.속성 수정시 사용: 태그.속성 = 값; 자바스크립트에서는 속성 이름에 하이픈을 쓸 수 없다 aris-disabled 대신 ariaDisabled 로 써야 한다 class 속성은 class 대신 className 을 사용 태그.className = '클래스1, 클래스2, ...'; 새로운 클래스를 추가하거나 삭제하려면 태그.classList 객체를 사용 태그에 해당 클래스가 존재하는지 확인: 태그.classList.contains('클래스') 추가: 태그.classList.add('클래스1', '클래스2', ...) 수정: 태그.classList.replace('', '') 제거: 태그.classList.remove('클래스1', '클래스2', ...) style ..

제로초 자바스크립트 입문 <프로미스와 async / await>

프로미스 promise 라는 클래스를 사용하는 문법 new 를 붙여 Promise 클래스를 호출하면 프로미스 객체를 생성하는데, 이때 인수로 콜백 함수를 넣는다 const = new Promise((resolve, reject) => { resolve(); // 프로미스 성공 // 또는 reject(); // 프로미스 실패 }); .then(); // 또는 .catch(); then( ) 의 콜백 함수는 resolve( ) 함수를 호출할 때 실행 catch( ) 의 콜백 함수는 reject( ) 함수를 호출할 때 실행 resolve( ) 의 인수로 전달한 값은 then( ) 콜백 함수의 매개변수로 전달 reject( ) 의 인수로 전달한 값은 catch( ) 콜백 함수의 매개변수로 전달 const p1 ..

반응형