아라의 WWW

마무리 문제1 마우스 오버하면 이미지 바꾸기 우선 메인크기를 600으로 만듭니다. 또한 마진을 20px auto를 주어 위아래 20px에 양 옆은 자동으로 맞춰 줍니다. h1은 폰트사이즈 1.5rem을 사용하여 생소한 단어지만 한번이라도 사용하여 익히려고 했습니다. 그리고 중앙에 정렬 하도록 text-align을 center을 줍니다. 그리고 아래로 여백을 줄수 있도록 margin-bottom을 20px를 줍니다. 이미지를 메인 안에서 width이 100%이도록 합니다. 스크립트를 보면 imgMain이라는 상수에 #main > img을 저장하여 사용합니다. 이미지에 마우스를 올리면 이벤트가 움직이도록 imgMain에 대해 addEventListener("mouseover")을 사용하고 imgMain에 s..

01. 변수 : 데이터 불러오기 변수 안에 저장된 데이터를 불러오는 방법입니다. { let x = 100, y = 200, z = "javascript" console.log(x, y, z) } 100 200 javascript 02. 상수 : 데이터 불러오기 상수 안에 저장된 데이터를 불러오는 방법입니다. { const x = 100, y = 200, z = "javascript" console.log(x, y, z) } 100 200 javascript 03. 배열 : 데이터 불러오기 배열 안에 저장된 데이터를 불러오는 방법입니다. { const arr = [100, 200,"javascript"]; console.log(arr[0], arr[1], arr[2]); } 100 200 javascrip..

자바스크립트은 웹을 동적인 구현이 가능하게 하는 언어입니다. 동적인 구현이 이루어지기위해서는 변수에 데이터를 저장하는 것이 기본적이 중요한 역활을 하게 됩니다. 데이터를 저장하는 방법은 다양해 공부가 필요한 부분입니다. 간단하게 변수, 상수 배열 객체 별로 나누어지지만 그안에서 여러 가지 방법이 있습니다. 01.변수 : 데이터 저장 변수는 데이터를 저장하는 저장소입니다. 예전에는 var로 변수를 선언했지만 요즘은 let을 사용하는 경우가 많습니다. { var x = 100; // 변수 x에 숫자 100을 저장함 var y = 200; // 변수 y에 숫자 200을 저장함 var z = "javascript"; // 변수 z에 문자 "javascript"를 저장함 console.log(x); console..

문제 풀이 전... 자가격리 때문에 집에있는 사이 받은 새로운 책의 문제를 블로그에 올리는게 숙제가 되어버렸어요 고로 문제를 알 수 없는 상황에 친구한테 문제를 페이지를 사진으로 받아 풀게 되었습니다. 결과는 잘 나왔는데 답을 몰라서 틀린 코딩일 수있다는 점... 우리 같이 공부해요😂 마무리 문제 1 주어진 배열에서 10보다 큰 값을 찾아서 화면에 표시해 보세요 배열 요소의 개수만큼 for문을 반복합니다. if문을 사용해서 요소의 값과 10을 비교합니다. document.write문을 사용해서 화면에 표시합니다. See the Pen 20230225_01 by jo0132 (@jo0132) on CodePen. if문으로 배열 arr의 요소중 10이상의 수를 찾아 출력할 수있도록 if문의 조건식을 arr..