이것들 중에 몇 개는 클론 해봐도 좋을 것 같다.
난이도를 가늠할 수 있는 실력이 아니라 재밌어 보이고 다양하게 응용할 수 있을 것 같은 것들을 가져왔다.
이번에 찾고 영상보면서 느꼈는데 확실히 프로그램 만들고 쳐보는 것이 적응과 이해에 좋은 것 같다.
아 ... 자바스크립트는 로직이 중요한 언어 맞구나 .. ㅋㅋ ...ㅋ!!!
그리고 외국 컨텐츠를 자연스레 받아들일 수 있는 ... 영어 실력을 갖춰야겠다는 생각을 했다 ㅋㅋ ..!
컨텐츠 추천!
youtuber - code Scalper님
youtuber - 드림코딩 by 엘리님
1. 테트리스 게임 만들기
테트리스의 사각형 칸을 list를 이용해 표현.
JS에 for 반복문 & createElement()로 table 만들음.
2. 실시간 채팅 앱 만들기(node JS & socket.io 이용)
node JS는 서버로 채팅을 보내고 그 채팅을 처리해 다시 client(사용자)에게 다시 보내줄 때 쓴다.
node JS를 백엔드로 사용한 것이다. (※ 최근에는 node JS을 개선한 Deno가 나왔다고 함)
3. 웹캠을 이용한 녹화 프로그램 만들기
4. 퍼즐 맞추기 게임 (drag & drop)
5. 미니 온라인 쇼핑몰 만들기
6. 디지털 시계 만들기
7. 아날로그 시계 만들기
8. 계산기 만들기
9. 달력 만들기
10. 날씨 앱/웹 만들기
+) 여러가지 토이 프로젝트 모아놓은 블로그
https://velog.io/@eunjin/series/Toy-Projects
시리즈 | Toy Projects 토이프로젝트 모음 - eunjin.log
바닐라 자바스크립트로 간단한 가위바위보 게임을 만들어보았습니다. 사용자가 가위, 바위, 보 중에 한 개를 선택하면 컴퓨터 측에서 랜덤으로 선택해, 그 결과를 출력해주는 방식입니다. 2020년
velog.io
- 가위바위보 대결 프로그램
[JavaScript Toy Project] Mini Game | 가위바위보 게임 만들기 토이프로젝트
바닐라 자바스크립트로 간단한 가위바위보 게임을 만들어보았습니다. 사용자가 가위, 바위, 보 중에 한 개를 선택하면 컴퓨터 측에서 랜덤으로 선택해, 그 결과를 출력해주는 방식입니다.
velog.io
'Study > TIPS' 카테고리의 다른 글
| [웹] 제작한 웹 사이트 무료로 배포하는 방법 2가지 (0) | 2021.07.29 |
|---|---|
| [깃, 깃허브] 깃허브(Github) 사용법 (w. 얄팍한 코딩사전) (0) | 2021.07.25 |
| [깃, 깃허브] 깃(Git) 사용법 (w. 얄팍한 코딩사전) (0) | 2021.07.25 |
| [깃, 깃허브] 깃(Git)과 Github의 차이 (w. 얄팍한 코딩사전) (0) | 2021.07.25 |
