본문 바로가기
반응형

HTML159

자바스크립트 쪽지 시험(2) 자바스크립트 쪽지 시험(2) 길라잡이 수업시간에 배운 자바스크립트를 간단하게 테스트합니다. 결과값이랑 빈칸에 들어갈 답을 입력하세요. 1. 결괏값을 작성하시오. { if( null ){ console.log("true"); } else { console.log("false"); } } 답 확인하기 false 2. 결괏값을 작성하시오. { let num = 0; while( num 6 ){ break; } console.log(num); } } 답 확인하기 1, 2, 4, 5, 6 7. 결괏값을 작성하시오. { for(let i=1; i { const str = "함수가 실행되었습니다."; return str; } console.log(func()); } 답 확인하기 함수가 실행되었습니다. 11. 결괏값을.. 2023. 3. 10.
주관식 확인하기 유형 퀴즈 이펙트 주관식 확인하기 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 HTML Quiz 주관식 확인하기 유형 1 2 . 설명 dongjin6539@naver.com HTML 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 구역에 h1 태그를 사용해 알맞은 제목을 입력해줍니다. footer 구역에 a 링크 태그를 사용해 받을 이메일 주소를 링크와 같이 입력해줍니다. main 구역에 각 자식의 자식 태그를 알맞게 만들어주고 각 class 명을 입력해줍니다. 주관식이므로 사용자가 답을 적을 수 있도록 input 태그를 사용해 만들어줍니다. 답에 대한 설명.. 2023. 3. 9.
정답 확인하기 유형 퀴즈 이펙트 정답 확인하기 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성 화면 HTML Quiz 정답 확인하기 유형 . dongjin6539@naver.com HTML 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 구역에 h1 태그를 사용해 알맞은 제목을 입력해줍니다. footer 구역에 a 링크 태그를 사용해 받을 이메일 주소를 링크와 같이 입력해줍니다. main 구역에 각 자식의 자식 태그를 알맞게 만들어주고 각 class 명을 입력해줍니다. 강아지 이미지는 인터넷을 통해 얻어왔습니다. (참조: https://wsss.tistory.com/913) 위 .. 2023. 3. 8.
데이터 불러오기 데이터 불러오기 자바스크립트에서 데이터를 불러오는 방법은 여러 가지가 있습니다. 1. 변수 : 데이터 불러오기 2. 상수 : 데이터 불러오기 3. 배열 : 데이터 불러오기 4. 객체 : 데이터 불러오기 이러한 데이터 불러오기에도 상세하게 들어가면 수많은 데이터 불러오기가 있습니다. 지금부터 확인해보겠습니다!! 1. 변수 : 데이터 불러오기 변수 안에 저장된 데이터를 불러오는 방법입니다. { let x = 100, y = 200, z = "javascript"; console.log(x, y, z); } 답 확인하기 100, 200, javascript 2. 상수 : 데이터 불러오기 상수 안에 저장된 데이터를 불러오는 방법입니다. { const x = 100, y = 200, z = "javascript".. 2023. 3. 6.
자바스크립트 데이터 이펙트 데이터 이펙트 Quiz 자바스크립트 데이터 이펙트 퀴즈를 풀어보겠습니다. 답 확인하기를 클릭하면 링크에 답이 나옵니다!! 1. 데이터 이펙트 : 1부터 100까지 출력하기(for문 이용) for(let i=1; i 2023. 3. 5.
이미지 유형 페이지 만들어보기!! 이미지 유형 페이지 만들어보기!! 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 슬라이드 유형 : https://dongjin6539.tistory.com/40 헤더 유형 : https://dongjin6539.tistory.com/44 푸터 유형 : https://dongjin6539.tistory.com/49 수업 시간의 배운 내용을 사용해서 페이지 하나를 만들어보겠습니다. 아직 부족한 실력이나 열심히 복습해서 만들어봤습니다. 방법은 밑에 적어보겠습니다. 그럼 시작해보겠습니다. 코드 보기 / 완성화면 운동을 .. 2023. 3. 4.
반응형

티스토리툴바