강의 대시보드 퍼즐 구현 1: 레이아웃 구성
퍼즐 구현 1: 레이아웃 구성
강의명 : 쉽고 자연스럽게 배워보는 Javascript 입문 - 코드스쿼드 마스터즈 코스 레벨1
수강 기한 : 무제한
진도율 : 0강/68강 (0%) | 시간 : 0분/608분
나가기
미수강
이전수업
다음수업

1단계: 레이아웃 구현하기

필요 역량

  • html의 기초를 안다.
  • html button 을 사용할 수 있다.
  • 배열, 문자열, 함수를 사용할 수 있다.

요구사항

  • HTML 을 이용해서 레이아웃을 구현한다.
  • 첫 줄에는 "HELLO" 문자열 표시
  • 다음 줄에는 "H", "E", "L", "L", "O" 의 버튼 5개를 화면에 한 줄로 배치한다. 단 이 버튼은 자바 스크립트를 이용해 추가한다.
  • 다음 줄에는 "뒤집기" 버튼과 "밀어내기" 버튼을 배치
  • 다음 줄에는 "일치합니다" 라는 문자열 표시
  • 뒤집기 버튼과 밀어내기 버튼에 각각 핸들러 함수 작성
  • git commit 및 push

라이브 코딩

    목차 커뮤니티