반응형

입문 8

제로초 자바스크립트 입문 <끝말잇기 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 ..

제로초 자바스크립트 입문 <클래스>

클래스 클래스 class 는 객체를 생성하기 위한 템플릿(서식)으로, ES2015에서 추가되었습니다 함수를 객체로 생성하는 방법 객체를 동적으로 생성한다는 것은 객체를 미리 만들어 두지 않고 필요할 때마다 생성한다는 뜻이다 객체를 반환하는 함수를 만들면 되는데, 이런 함수를 공장 함수 (factory function) 라고 한다 함수를 호출할 때는 함수 이름 앞에 new를 붙인다 new 를 붙여 호출할 때마다 새로운 객체가 생성 function Monster(name, hp, att) { this.name = name; this.hp = hp; this.att = att; } const monster1 = new Monster('슬라임', 25, 10); const monster2 = new Monste..

제로초 자바스크립트 입문 #03

변수 특정한 값을 잠시 저장 값을 저장하고 저장한 값을 불러올 수 있게 하는 것이 변수 (variable) 변수를 만드는 행위는 선언 (declaration) 한다고 표현 변수는 let, const, var 세가지가 있다 let 변수명 = 식; 변수를 선언함과 동시에 값을 대입하는 행위를 초기화 (initialization) 라고 한다 변수 선언문은 항상 결과 값이 undefined 로 출력된다 변수명과 값은 컴퓨터의 메모리에 저장된다 메모리를 초기화 (변수의 초기화와는 다름) 하면 메모리에 저장되어 있던 변수도 같이 사라진다 웹브라우저를 새로고침하면 메모리가 초기화된다 변수를 선언할 때 변수에 값을 대입하지 않아도 된다 값을 대입하지 않은 변수를 입력하면 undefined 가 출력된다 이미 선언한 변수..

제로초 자바스크립트 입문 #01

Hello, JavaScript 콘솔을 console REPL 이라고 합니다. Read (입력)을 받아, 이를 Eval (평가) 하고, 결과를 Print (출력) 한 뒤, 다시 프롬프트가 나타나서 새로운 입력을 기다리는 과정을 Loop (반복) 합니다. 흔하게 발생하는 에러 Uncaught ReferenceError consle is not defined console 입력중에 오타 (consle, comsole 등) Uncaught TypeError console.lg is not a function console은 제대로 입력했으나 log 에서 오타 Uncaught SyntaxError missing ) after argument list 따옴표를 제대로 입력하지 않았을 때 Uncaught Synta..

반응형