kebab00's

HTML 삽입 미리보기할 수 없는 소스

- 오늘도 즐거운 금요일 쪽지시험의 날이 왔습니다. - 같이 보시죵 01. 결괏값을 작성하시오 { let num = 0; while(false){ num++; if( num == 3 ){ continue; } if( num > 10 ){ break; } } console.log(num); } - 정답은 0 입니다. 02. 결괏값을 작성하시오 { let a = 6, b = 9, c = 3, result; result = ++a + b++ + ++c; console.log(result); console.log(a+b+c); } - 전치연산자와 후치연산자를 계산하는 문제입니다. - 전치연산자(++a,++c)는 = 보다 먼저 계산이 되어 result값에 포함이 되지만 후치연산자(b++)는 나중에 계산되어 res..

오랜만에 하는 예제입니다!! 문제는 모던 자바스크립트 프로그래밍의 정석 고경희님의 책에서 가져왔습니다. 1번 문제 : 마우스를 사진 위에 올렸을 때 다른사진이 나오게 하는 문제입니다. - document.querySelector으로 img요소를 선택해 주었습니다. - 그 후 addEventListener에 mouseenter를 사용하여 마우스를 가져다 놓았을 때 함수가 실행되도록 하였습니다. - setAttribute를 사용하여 src라는 속성의 값을 원하는 속성값으로 바꾸어 주었습니다. - 원하는 속성 값을 바꾸고 싶은 이미지 파일의 경로로 설정해주면 됩니다. - 반대로 마우스가 사진을 벗어났을 때 는 mouseout를 사용해서 똑같이 만들어 주면 됩니다. 2번 문제 : 클릭하였을 때 nav가 나타나게..

- 자바스크립트에서는 간단한 텍스트를 처리하기 위해 문자열 유형을 자주 사용합니다. 원시 유형과 객체 앞에서 단순히 값만 가지고 있을 경우에는 '원시 유형'이고 프로퍼티와 메서드를 가지고 있을 때는 '객체' 라고 설명했습니다. 그런데 사실 자바스크립트에서는 원시 유형이어도 프로퍼티와 메서드를 사용할 수 있습니다. 이것이 어떻게 가능할까요? 문자열을 예로 들어 보겠습니다. 문자열을 만들 때 간단히 변수에 문자열을 할당한 후 Length라는 프로퍼티를 사용해보면 str 변수에 Length라는 프로퍼티를 정의하지 않았는데도 Iength 프로퍼티 를 사용할 수 있습니다. let str = "hello" str.length // 5 - 자바스크립트에서 number와 boolean, string 유형은 별도로 프로..

- 사이트를 만들면서 블로그를 적으면서 제목이 좀 이상하다는 것을 느꼈지만 어쩔 수 없었습니다. - 다음엔 좀 더 깔쌈하게 만들어 보도록하죠 ㅎㅎ - 오늘 할 것은 그 동안 만든 것들을 하나로 합쳐주는 일 입니다. - 반응형 까지 해주었습니다. - https://kebab000.github.io/web2023/site/site1/index.html 반응형 보고 싶으시면 해당 주소로 가시면 보실 수 있습니다. - 오늘은 전체 코드를 보는 것 보다 부분부분 코드를 보겠습니다. - 헤드 부분입니다. - CSS는 모두 링크를 통해서 가져오는 형식으로 index.heml은 깔끔하게 해주었습니다. - CSS는 원래의 것들을 가져왔고 미디어쿼리 부분만 이따 보도록 하겠습니다. - SEO라는 처음보는 부분이 보이는데 ..

HTML 삽입 미리보기할 수 없는 소스