var, let, const의 차이점 복습하기변수 중복 선언 허용같은 이름의 변수가 선언되어있는지 모르고 중복 선언하게 된다면 의도치 않게 값이 바뀌는 부작용이 발생할 수 있다. 함수 레벨 스코프var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로
객체 리터럴에 의한 객체 생성 방식의 문제점객체 리터럴은 직관적이지만 동일한 프로퍼티를 갖는 객체를 여러개 생성해야할 경우에는 효율성이 떨어진다. 생성자 함수에 의한 객체 생성 방식의 장점구조가 동일한 객체 여러개를 효율적으로 생성할 수 있다. 생성자 함수는 인스턴스를
switch문은 조건이 많을때 쓰이며 break가 중요하다(break값이 없으면 마지막 값이 읽힌다)
객체는 덩어리이며 원시타입을 제외한 모든것이 객체이다.<객체 접근 방식>객체의 프로퍼티에 접근할때는 . 으로 접근대괄호 표기할때는 문자형으로 표기this는 함수 scope안에서 불려지는 객체
문자열 객체의 메서드 및 속성 정리charAt(index)문자열에서 인덱스 번호에 해당하는 문자를 반환한다.indexOf("찾을문자")문자열에서 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환한다. 만일 찾는 문자가 없으면 -1
JavaScript 실습예제 - 여행준비물 점검 프로그램 만들기1) 여행에 필요한 준비물을 저장할 빈 배열 만들기 2) 빈 배열에 내용을 추가할 addList()함수 만들기 3) 추가 버튼의 click이벤트와 addList()함수를 실행 연결하기 4) itemList
순서대로 생각하기 코드를 짜면서 가장 중요한 점은 이 동작을 실행시키기 위해서 어떤 순서가 이루어지는지 파악하는 것 순서를 토대로 순서도를 그리고 차례대로 코딩을 시작한다. 👿 예전 코딩의 문제점 > 프론트엔드 개발자가 되기위해 컴퓨터 학원에서 6개월동안 학습을 했
계산기 만들기 예제 자바스크립트 예제 중에 많이 나오고, 기본이라고 하는 계산기 만들기 만들면서 두번 생각해야하는 부분도 많아서 어려웠지만 계속 반복하면 언젠가 익숙해질 그날을 기대한다. 1. 순서도 그리기 > 프로그램을 짜기 전 가장 중요한 순서도 그리기 예상외로
역시 프로그램을 작성하기에 앞서 순서도를 생각해보는 과정이 가장 중요하다.로또 추첨기는 다른 게임 예제들에 비해서 간략한 순서를 가진다. 로또 번호를 무작위로 섞기위해 사용된 알고리즘.피셔-예이츠 셔플(Fisher-Yates shuffle)은 유한 수열의 무작위 순열을
반응속도 테스트 프로그램의 순서도는 두 가지 경우로 작성될 수 있다. 경우의 수에 해당하는 만큼 동시에 작성하거나 순서대로 나열하는 방법이 있다.new Date(); 메서드는 현재 날짜와 시간을 나타낸다.주의할 점 : new Date(2022,2,21); 은 실제 날
이차원 배열인 틱택토 게임을 만들고 같은 코드를 메서드로 줄여쓰는 법, 이벤트 버블링 등을 학습한다.이차원 배열의 특성을 생각하여 순서도를 그린다.컴퓨터와 번갈아가며 하는 게임의 특성을 생각한다.이벤트가 부모태그를 따라서 올라가는 현상event.currentTarget
게임 만들기는 비교적 복잡한 순서도를 가진다.차근차근 생각해보면서 화면전환에 따라 기획한다. 게임은 상호작용이 많은 프로그램이기 때문에 class문법을 사용했다.클래스 문법에서는 겹치는 부분을 따로 추출한 다음 extends를 이용하여 상속받을 수 있다. 다음과 같이
JavaScript의 런타임 모델은 코드의 실행, 이벤트의 수집과 처리, 큐에 대기 중인 하위 작업을 처리하는 이벤트 루프에 기반위 예제를 실행하며 카드를 연속 4번 클릭했을때 두장의 카드가 같지 않음에도 불구하고 앞면인 상태로 유지되는 버그가 발생하였었다.이는 이벤트
maximum call stack size exceeded재귀함수가 반복될때 생기는 문제 호출 스택 부분에 재귀함수가 쌓여 터지게 된다.문제해결 방법 : 호출 스택 부분이 넘쳤으니, 백그라운드, 태스크 큐로 옮겨서 부담을 덜어준다.\-> setTimeout실행해주기 =
Fragment => 메모리에 저장되어 성능을 좋게 한다.깊은 복사 - 데이터를 저장할때는 깊은 복사를 사용한다.case문 안에서 변수를 선언했을 때는 전체를 괄호로 묶어준다.const는 스코프 문이기 때문에 스코프에 가둬서 제어한다.
이번 게임에는 이벤트 리스너가 각각 들어가서 순서도가 끊기는 부분이 많다.컴퓨터의 소수점 계산 : 컴퓨터가 소수점 단위를 계산할 때 나머지 값 때문에 오류가 날 가능성이 있으므로 다음과 같이 계산해준다.이벤트 루프 분석으로 문제 해결하기 비동기 코드에서 오류가 나면 이