250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 자바스크립트 for
- boolean
- Math.random
- python virtual environment create window
- JavaScript
- lie와 lay의 차이점
- lay 과거형
- lie와 lay 비교
- 왕초보 자바스크립트
- lie 과거분사
- shift + tab
- javascript for
- fizzbuzz
- lay 과거분사
- 자바스크립트
- If
- VScode에서 들여쓰기 해제 하는 방법
- lie 과거형
- 자바스크립트 배열
- 변수
- 자바스크립트 객체
- Hot springs tourism
- VScode 주석 단축기 ctrl + / 안될때
- 대입연산자
- DOM
- 영어뉴스 영어공부
- abc뉴스 영어공부
- python virtual environment create mac
- 자바스크립트 데이터타입
- 지하온천에 대한 뉴스로하는 영어 공부
Archives
- Today
- Total
김숭늉 마음대로
[자바스크립트] Stanford Karel 체험해보기 - 스탠포드에서 제작한 아주 간단한 코딩 게임 본문
728x90
안녕하세요!
코딩을 배우고 싶은 초급자가 재미로 해보면 좋을것 같은 게임을 소개합니다.
아래 사이트 주소로 접속해서, 로봇의 움직임을 function 을 통해 입력하여 움직일수가 있고,
사이트에 접속하여 우측 상단에 위치한 Reference를 클릭하면 유효한 명령어를 확인 할수도 있습니다.
사이트 주소는 아래로 접속 하시면 됩니다 ^^
https://stanford.edu/~cpiech/karel/ide.html
그럼 첫번째 간단한 문제를 풀어볼까요?
아래와 같이 노란색 동그라미에 위치한 로봇을 빨간 동그라미의 위치까지 이동하기 입니다.
첫번째 문제의 정답은 아래와 같이 해결하면 되겠네요! :) 아주 쉽습니다..!
function main(){
moveFourTimes();
turnLeft();
moveFourTimes();
}
function moveFourTimes(){
move();
move();
move();
move();
}
그럼 두번째 문제를 풀어보겠습니다!
아래 그림처럼 대각선에 Beeper를 놓으면서 우측 상단 모서리까지 로봇을 이동 시키는 문제 입니다 !
2번의 정답은 바로! 아래와 같이 작성할 수 있겠네요 ^^
function main(){
putBeeper();
moveAndBeeper();
moveAndBeeper();
moveAndBeeper();
moveAndBeeper();
}
function moveAndBeeper(){
move();
turnLeft();
move();
putBeeper();
turnRight();
}
마지막 세번째 문제는 조금 복잡해 보이긴 하지만, 원리만 알면 쉽습니다!
정답은 바로~!
계속해서 반복되어 중복되는 코드는 함수를 추가하여 작성 해주었습니다.
function main(){
beepersRight();
goUpTurnLeft();
beepersLeft();
goUpTurnRight();
beepersRight();
goUpTurnLeft();
beepersLeft();
goUpTurnRight();
beepersRight();
}
function goUpTurnRight() {
turnRight();
move();
turnRight();
}
function goUpTurnLeft() {
turnLeft();
move();
turnLeft();
}
function beepersRight() {
putBeeper();
move();
move();
putBeeper();
move();
move();
putBeeper();
}
function beepersLeft() {
move();
putBeeper();
move();
move();
putBeeper();
move();
}
코딩이 내 적성에 맞을지 궁금하실때 한번 재미로 해보면 좋을 것 같습니다 ^^
728x90
반응형
'IT > JavaScript' 카테고리의 다른 글
[자바스크립트] 함수의 return문에 대해서 알아보자! (0) | 2023.08.18 |
---|---|
[자바스크립트] Function의 파라미터 값 입력해보자 (0) | 2023.08.18 |
[자바스크립트] x++, x-- (증분, 감분 표현) (0) | 2023.08.15 |
[자바스크립트] 강아지 나이를 사람 나이로 환산하는 코드 (0) | 2023.08.14 |
[자바스크립트] toLowerCase, toUpperCase 소문자 대문자 처리 (0) | 2023.08.14 |