- 위의 사이트처럼 정답확인을 누르면 답이 나오는 사이트를 만들어 봅시다.!! - 그 후 나중에 정답을 맞추었을 땐 강아지가 웃고, 틀렸을 땐 지금 처럼 울게 만들어 보는 것도 해보겠습니다. Quiz 정답 확인하기 유형 . 정답 확인하기 imkebab00@gmail.com - Javascript 포스팅 이니 중요한건 script부분이죠! - 사실 body부분이나 css같은 이미지는 다른 곳에서 쉽게 가져올 수 있습니다. - 스크립트 부분 입니다! 처음보는 것들도 있고 눈에 익은 것들도 조금 있네요!! - 일단 querySelector 는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환합니다. 일치하는 요소가 없으면 null을 반환합니다. - 예를들어 document.qu..

- 사이트는 여러장의 페이지들이 합쳐져서 만들어집니다. - 사이트를 구성하는 페이지들은 여러가지 타입이 있는데 대표적으로 imageType, cardType, textType, bannerType,footerType등이 있습니다. - 오늘은 그 중에서 cardType을 한번 만들어 보겠습니다. cardType 페이지란 - 보통 3-4개의 카드들로 구성된 페이지를 말합니다. - 위의 모양처럼 생긴 페이지가 cardType의 대표적인 예 입니다. HTML 삽입 미리보기할 수 없는 소스 - 위의 페이지를 만들어 보겠습니다. 식물을 키울 때 주의해야 할 것들 식물을 키우는 방법에 대해서는 다양한 팁과 지침이 있지만 기본적인 것들에 대해서 이야기를 나누어 보려고 합니다. 다음에 설명할 내용과 같은 기본적인 방법들..

데이터 불러오기 자바스크립트에서 데이터를 불러오는 종류를 알아봅시다. 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"]; cons..

조건문 - 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다. - 대표적으로 if 문과 switch 문이 있습니다. if문 - if 문은 if 다음에 소괄호를 사용해서 조건을 표기합니다. - 조건을 체크한 후 결괏값이 true이면 실행하고 false이면 다음 명령을 시행합니다. - 기본형식은 if(조건문){ 조건이 true일 때 실행할 명령};입니다. let a = 100 if(a=100){ document.write("실행"); } // 실행 if... else문 - if 문과 같이 사용할 수 있는 else 문은 if 문의 표현식 결과가 거짓(false) 일 때 주어진 실행문을 실행합니다. - if 문이 단순히 결괏값이 true일 때만 명령을 수행한다면 if... else문은 ..

오늘은 그동안 자바스크립트 배웠던 것을 복습해 보겠습니다. 크게 데이터 저장하기, 반복문, 조건문, 함수가 있는데요 오늘 데이터 저장하기와 반복문을 복습하고 내일 조건문과 함수를 복습해 보겠습니다. 01. 데이터 저장하기 변수 - 변수의 가장 큰 특징은 저장한 데이터를 바꾸거나 추가를 할 수 있다는 점입니다. - 또한 데이터를 하나만 저장 할 수 있다는 특징이 있습니다. - 보통 let을 쓰고 var를 쓸 수도 있습니다. var x = 10; let y = 20; document.write(x); document.write(y); // 10 // 20 상수 - 상수도 변수와 같이 데이터를 하나만 저장이 가능합니다. - 상수는 변수와 달리 저장한 데이터를 바꾸거나 추가할 수 없습니다. - const를 써서..

- 오늘 학원에서 시험을 봤습니다. -시험에서 틀렸던 문제와 어려웠던 문제를 같이 풀어보면 좋을 것 같아 하나씩 가져와봤습니다. 첫번째 문제입니다!! const obj = new Object(); obj[0] = 100; obj[1] = 200; obj[2] = "javascript"; console.log(______); console.log(______); console.log(______); //100 //200 //javascript - 사실 자세히 보고 풀면 어렵지 않은데 빠르게 풀다보니 놓친 문제입니다. - console.log 안에 있는 실행문을 쓰는 문제입니다. - 일단 객체라고 헷갈릴 수도 있지만 obj[0]이라는 형식을 보니 배열입니다. - 출력된 값이 100,200,javascript..