본문 바로가기
반응형

전체 글166

자바스크립트 쪽지 시험(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.
카드 유형 페이지 만들어보기!! 카드 유형 페이지 만들어보기!! 이미지 유형 : https://dongjin6539.tistory.com/28 텍스트 유형 : 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. 7.
데이터 불러오기 데이터 불러오기 자바스크립트에서 데이터를 불러오는 방법은 여러 가지가 있습니다. 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.
자바스크립트 쪽지 시험(1) 자바스크립트 쪽지 시험(1) 길라잡이 다음의 스크립트를 보고 결과 값을 작성하거나 빈칸을 채우시오. 답은 확인하기를 클릭하면 나옵니다!! 1. 다음의 출력값을 보고 빈칸을 채우시오! { var x = 100; var y = 200; var z = "javascript"; console.log(__); console.log(__); console.log(__); //100 //200 //300 } 답 확인하기 x y x + y 2. 다음의 출력값을 보고 빈칸을 채우시오! { let x = 100; let y = 200; let z = "javascript"; x = ___; y = ___; z = ___; console.log(x); console.log(y); console.log(z); //300 //.. 2023. 3. 3.
자바스크립트 수업 내용 정리하기(2023.03.02) 자바스크립트 수업 내용 수업 내용 TEST 배열 : 데이터 불러오기 : forEach문 배열 : 데이터 불러오기 : for of 배열 : 데이터 불러오기 : for in 배열 : 데이터 불러오기 : map( ) TEST 1. 선언적 함수 function func(){ document.write("선언적 함수가 실행되었습니다."); }; func(); 값 : 선언적 함수가 실행되었습니다. 2. 익명 함수 const func = function(){ document.write("익명 함수가 실행되었습니다.") }; func(); 값 : 익명 함수가 실행되었습니다. 3. 함수를 이용해서 "함수가 실행되었습니다." 10번 실행하기 function func(){ for(let i=1; i document.writ.. 2023. 3. 2.
반응형

티스토리툴바