Minesweeper(지뢰찾기, 자바스크립트 버전)

2020. 4. 23. 03:49·활동/개인 프로젝트
728x90

View

클릭해서 보시면 정상적으로 나옵니다..
클릭해서 보시면 정상적으로 나옵니다..
모바일로 깸 ㅎㅎ

ES6 공부를 계속하다가 공부만 너무 하는 것 같아서 각잡고 한 번 만들어 봤다.

작업시간은 하루 5시간 씩 4일 정도 걸린 것 같다.

(중간중간 일이 있어서 실제 기간은 일주일 정도 걸렸따..)

 

지뢰찾기를 만들기 위해선 다양한 생각을 했어야 했다.

1. 난이도 설정

2. 타이머

3. 초기화 버튼

4. 지뢰 배치

5. 숫자가 뜨는 로직

6. 깃발 기능

등등..

세부적으로 들어가면 더 많지만 이러한 기능을 구현하면서 잘못된 지식들을 조금씩 파악하게 되었다.

 

그리고 아직 공부를 안해서 그런거긴 하지만..

객체형과 함수형 프로그래밍을 한 번 공부해 봐아겠다.

말 만들었을때는 함수가 객체 아닌가? 라고 생각되어서 무슨차인지 잘 모르겠다.


Link

 

Minesweeper

JS MINESWEEPER EASY NORMAL HARD

jeongwoo903.github.io


알게 된 점

1. setInterval과 clearInterval에 대한 이해

 

2. remove, removeChild에 대한 오해

 

3. 객체 리터럴에 대한 잘못된 지식

 

객체 리터럴 사용 시, 값이 undifined라고 뜬다면..

우선, 객체 리터럴 방식은 다음과 같이 쓸 수 있습니다. let human = { name: "kim", age: 20, call: "010-1111-1234", weight: "60kg" } 그리고 객체 리터럴의 속성에 접근하기 위해 다음과 같이 작성할 수 있습..

so-tired.tistory.com

4. 한 줄짜리 if문 등등..에 대한 여러가지 생각

 

한 줄짜리 if 문, for 문 그리고 함수

조건문을 작성할 때마다 한 줄로 작성할 수 있을 것 같으면 중괄호를 표시할지 혹은 삼항 연산자를 사용할지 고민하곤 한다. 그래서 이에 대해 커뮤니티에서 얻은 답변 내용과 내 생각을 적어두려고 한다. 결론부..

so-tired.tistory.com

 

저작자표시 (새창열림)

'활동 > 개인 프로젝트' 카테고리의 다른 글

고등학생때 만든 Unity 작품..ㅋㅋㅋ  (0) 2021.10.29
Food Board (feat. 생활코딩 React 강좌)  (0) 2020.04.29
Tile  (0) 2020.04.07
Slider & Drag N Drop  (2) 2020.04.04
Cartoon Bubble + ect.  (0) 2020.04.04
'활동/개인 프로젝트' 카테고리의 다른 글
  • 고등학생때 만든 Unity 작품..ㅋㅋㅋ
  • Food Board (feat. 생활코딩 React 강좌)
  • Tile
  • Slider & Drag N Drop
기짜낭
기짜낭
생각이 많지만, 지금 내가 해야할 것을 하자.
  • 기짜낭
    So tired
    기짜낭
    • 분류 전체보기 (199)
      • 개발 (11)
        • Javascript (19)
        • Typescript (5)
        • Canvas (8)
        • React (13)
        • C (3)
      • 활동 (63)
        • 개인 프로젝트 (33)
        • 나눔 서포터즈 3기 (9)
        • 멋쟁이 사자처럼 (7)
        • 0&1 C++ 자료구조 스터디 (0)
        • 제 9회 창업 아이디어톤 (3)
        • Poom (ZeroWasteShop) (3)
        • 해커톤 (2)
        • 우테코 프리코스 7기 (6)
      • 알고리즘 (27)
        • 알고리즘 정리 (5)
        • 백준 (18)
        • 프로그래머스 (4)
      • 강연 (7)
      • 독서 (18)
      • 회고 & 생각 (16)
        • 연간회고 (4)
      • 기타 (5)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

    • ※ 예전 블로그
  • 인기 글

  • 태그

    CSS
    개발
    타입스크립트
    프론트엔드
    한양대학교
    Javascript
    tutorial
    에리카
    TypeScript
    디자인
    백준
    HTML5
    군대
    독서
    Erica
    1주 1권
    canvas
    프로그래밍
    react
    프로젝트
    개발자
    대학
    1주에 1권씩
    HTML
    3기
    알고리즘
    우테코
    ES6
    독후감
    개념
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
기짜낭
Minesweeper(지뢰찾기, 자바스크립트 버전)
상단으로

티스토리툴바