프로젝트명

study-javascript

자바스크립트 공부

---

구현 목록

• games
  • 끝말잇기
  • 구구단
  • 숫자야구
  • 틱택토
  • 로또추첨기
  • 가위바위보
  • 지뢰찾기
  • 반응속도
  • 틱택토 심화
  • 짝맞추기
  • 자스스톤
  • 2048
  • 테트리스
• 수강 관리 APP
• 쇼핑몰 미니게임
• 크롬익스텐션
• 슈팅게임

---

학습 자료

• 문법책 졸업하자! 만들면서 복습하는 JavaScript

  • 깃허브 주소
  • 수강관리
    

• 자바스크립트 기초 강의 (ES5+): 같이 노트를 작성하며 배워요 📒

  • 깃허브 주소

• 쇼핑몰 미니게임 클론 코딩 & 코드 리뷰

  • 자바스크립트 10. JSON 개념 정리 와 활용방법 및 유용한 사이트 공유 JavaScript JSON | 프론트엔드 개발자 입문편 (JavaScript ES6)
  • JavaScript Array 개념편
  • JavaScript Array API 편

• 자바스크립트 강좌

  • 깃허브 주소
  • 끝말잇기
  • 구구단
  • 숫자야구
    • push, pop, shift, unshift, slice, split, join, indexOf
  • 틱택토
    • 이차원 배열
    • e.target, parentNode
  • 로또추첨기
    • Array, fill
    • Array map
    • slice, sort
    • querySelector
  • 가위바위보
    • dictionary 자료 구조
    • object, entries, find, findIndex
    • setTimeout, clearTimeout
  • 지뢰찾기
    • 스코프
    • 스코프 체인
    • 렉시컬 스코프
    • 클로저
  • 반응속도
    • 호출 스택(call back)
    • 재귀함수
  • 틱택토 심화
  • 짝맞추기 게임
    • Object.create() 추천
    • 객체의 복사
    • 팩토리패턴(비추천)
    • 프로토 타입(비추천)
  • 자스스톤
    • call by value
    • call by reference(자바스크립트에는 없습니다)
    • call by sharing
    • 생성자, new
    • cloneNode
  • 2048
    • mousedown, mousemove, mouseup
  • 테트리스
    • switch, keyup, keydown, keypress
    • 이벤트 루프
    • var(변수-함수스코프), const(상수-블록스코프), let(변수-블록스코프)
    • ES2015(ES6) Function(함수)
    • [...Array(숫자).keys()]

• 크롬 익스텐션

  • 생활코딩
  • 구글 크롬 익스텐션 문서