초등학교 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를 쓰기 시작한다.

좋은 웹페이지 즐겨찾기