[위니브 엠베서더] Flaffy Bird 실습 및 후기

강의 소개

강의 제목: Github Action을 활용한 크롤러 웹 페이지 만들기 

강의 회차: 34강(총 6시간49분)

강의 자료: 노션 페이지 링크로 제공 

강의 목차

1. 강의 소개
2. Github Action을 활용한 크롤러 사이트 만들기
3. Github Action을 활용한 단위 테스트와 CI 설정 
4. 부록:: HTML, CSS, JS, Python, 크롤링, chartJS 요약 강좌 
5. 부록 Github Web에서 VSC 사용하기

[위니브 엠베서더] 코딩인터뷰를 저격하는 JS스나이퍼 양성학교 강의 후기

 

보너스 실습 개요

실습 개요

•  JS를 이용하여 Flappy bird 게임 구현 
• CodeSandBox 사용 

구현 결과

주요 기능

• 캐릭터 생성 
• 점수 계산
• 게임 시작& 게임 오버 
• 장애물 생성 
• 키 입력(이동)

codesandbox

• 웹에서 사용 가능한 IDE. extension을 사용해 vscode와 연동할 수 있다. 작업을 진행하면서 결과 화면을 미리 확인 하기 좋다. 주로 프론트 엔드 작업을 지원한다. 

CodeSandbox: Instant Cloud Development Environments

 

실습 결과

• 실습 코드를 따라 그대로 구현 
• 점수가 높아질 수록 캐릭터와 장애물의 속도가 빨라지도록 수정해보았다. 
• 자세한 코드는 아래 링크에서 

https://github.com/JangBogwang/bird_game

 

 

실습 후기  

• JS를 문법만 공부해본 입장에서 실습을 통해 어떤 것들을 구현할 수 있는지 체험해볼 수 있었다.  
• 그대로 따라서 구현해보는 것도 좋지만 이후 기능 추가나 캐릭터, 맵, 장애물 디자인 변경, UI 추가 등등을 통해 나만의 프로젝트를 만들어 볼 수도 있다. 혹시나 실습 내용이 궁금하다면 강의 내용을 참고해보는 걸 적극 추천한다!