초등학교 2학년 학생한테 방송을 시켰어요.
5186 단어 HTMLJavaScript
계기
동료와 술을 마실 때 이런 말이 있다.
동료 A
"우리 애들 (초등학교 2학년) 방송 얼마 안 남았지?"
동료 B
"좋아. 자유 연구의 과제는 DNS 서버 같은 걸 만드는 거야."
본인
저도 초등학교 2학년이에요. 제가 할게요.
근데 뭐부터 해야 되지?
그럼
몇 주 후, 여름방학의 자유과제에 관해서 탄자기를 만들고, 악기를 만들고, 초등학생을 만들면
갑자기 "프로그램을 해볼까요?""해봐!"그럼
그래서 해봤어요.
가족 구성(2019년까지)
나: SE
며느리: 웹디자이너
아들(오빠): 초등학교 2학년
아들(동생): 일년 내내
환경
mac Mojave 10.14.5
JavaScript
HTML
Visual Studio Code
Chrome
비즈니스 요구 사항
병아리를 고를 수 있어요.
상대는 컴퓨터
소스 코드 (수시로 업데이트)
여기(GitHub)
첫 번째 일
우선'변수'라는 것을 가르쳐 보았다."상자인 것 같아요"라는 간단한 설명.
나는 스스로 타자를 쳐서 스크린에 보냈다.var i;
i= "ぐー";
document.write(i);
아들: 오!
반응이 좋은 것 같아요.가위바위보 게임을 만들기로 했다.
여기서 나는 먼저 "시바시", "시바시"등의 코드를 화면에 걸었다.
타자 연습도 겸하고.평소에 핸드폰으로 돌릴 수 있기 때문에 키보드 입력도 금방 익숙해진다.
로마자 입력을 아직 기억하지 못했기 때문에 그 모양의 로마자를 쓴다.var a;
a="cyoki";
document.write(a);
var b;
b="pa";
document.write(b);
var c;
c="guu";
document.write(c);
여기까지 이해가 된 것 같습니다.
도전if문장
기왕 가위바위보를 하려면 반드시 조건의 불일치가 있어야 한다.제가 먼저 쓰면서 설명해 드릴게요.if(i=="ぐー" && j=="ぐー"){
document.write("どっちもあいこになりました");
}
아, 이 근처는 아직 이해가 안 될 것 같은데...
UI/UX 도전
다음 게임을 위해서 화면이 필요해요.어쨌든 어떤 화면을 만들어야 할지 생각해 봤어요.
UI/UX의 강사는 웹 디자이너의 어머니입니다.
(며칠 전에 나는 동생의 이발소에 갔다.)
화면 이동에 대한 논의가 있는 것 같습니다.
2019/7/9 추기
토론의 요점은'하동을 선택한 후에 변경할 수 있나요?'
변경할 수 없습니다.가위바위보로 단숨에 승부를 내다.클릭 하나만 더 하면 귀찮아요.
자: 변경할 수 있습니다.고민하면서 결정하고 싶어요.
(웃음)
오늘은 여기까지(2019/7/7)
다음에는 HTML로 화면을 만듭니다.
HTML로 화면 만들기
HTML로 화면 만드는 거 가르쳐줄게.
이때도 마우스를 사용해 봤는데 손이 너무 작아서 아직 클릭이 잘 안 되는 것 같아서...
index.html
<html>
<button>パー</button>
</html>
<button>ぐー</button>
<button>チョキ</button>
えらぶ
html의 닫힌 라벨의 위치가 이상하다. 괜찮지?
내가 먼저 버튼을 눌렀어.
그래도 힘들어.마우스를 조작하고 로마자를 입력하는 등 익숙하지 않은 일을 하면 이 근처에서 곧 좌절하겠지?나도 그렇게 생각해.
하지만 아직 열의가 있는 것 같다.
오늘은 여기까지(2019/7/9)
다음에 버튼에서 function으로 전화하고 싶어요.
속편
길어지니까여기 그 2를 쓰기 시작한다.
Reference
이 문제에 관하여(초등학교 2학년 학생한테 방송을 시켰어요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/v-cube/items/4f96a02934aae37a3040
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
var i;
i= "ぐー";
document.write(i);
var a;
a="cyoki";
document.write(a);
var b;
b="pa";
document.write(b);
var c;
c="guu";
document.write(c);
if(i=="ぐー" && j=="ぐー"){
document.write("どっちもあいこになりました");
}
<html>
<button>パー</button>
</html>
<button>ぐー</button>
<button>チョキ</button>
えらぶ
길어지니까여기 그 2를 쓰기 시작한다.
Reference
이 문제에 관하여(초등학교 2학년 학생한테 방송을 시켰어요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/v-cube/items/4f96a02934aae37a3040텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)