moonday

/* 구구단 7단을 출력하는 코드를 작성하세요.*/ var num=7, i=1; for(i; i

/* 변수 num를 선언한 후, num에 10을 저장. num가 짝수인지 홀수인지 판단하여 짝수이면 화면에 짝수라고 출력, 홀수이면 화면에 홀수라고 출력하는 코드를 작성하세요*/ let num = 11; if(num % 2 == 0){ document.write(num + "은(는) 짝수"); }else{ document.write(num + "은(는) 홀수"); }; - 변수 month에 6을 저장하고 6월 마지막일이 몇일인지 출력하는 코드를 작성하세요 - 31 : 1 3 5 7 8 10 12 - 30 : 4 6 9 11 - 28 : 2 let month = 6; switch(month){ case 1: case 3: case 5: case 7: case 8: case 10: case 12: docum..

자바스크립트 적용 방법 더보기 1. script태그 안에 코드를 구현하는 방법 - script태그를 head태그 안에 작성 - script태그를 body태그 안에 작성(보통 body태그 제일 하단에 작성) 2. script태그를 이용하여 만들어져 있는 js파일을 연결하는 방법 자바스크립트 특징 더보기 - 자바스크립트에서 문자열은 "", '' 둘 다 문자열 - JS(=자바스크립트)에서 문자의 끝을 의마하는 ;를 생략해도 상관없지만 쓰는 걸로 습관을 들이자 - JS에서 변수는 다음과 같이 선언(var와 let을 이용) - JS에서 변수는 다양한 타입의 값을 저장할 수 있다. - var num; 변수를 선언 후, 변수 num에 정수, 실수, 문자열, 논리값 등 다양한 값을 저장 가능 - 자바에서 하나의 변수는..

네이버를 더 안전하고 편리하게 이용하세요 NAVER 로그인 아이디 비밀번호찾기 회원가입

꼭더보기↓ 더보기 하늘색배경box안에 토마토색inner-box가 있는데 걜 margin-:10px으로 오른쪽으로 좀 더 넓혀둠 보라색테두리가inner인데, 그걸 반으로 쪼깸( width:50%;) 파란색테두리가 sub인데 보라색반쪽짜리 안에서 margin:10px으로 왼쪽으로 밀어서 박스를 작게 만들어서 => 파란색박스 사이에 공간이 생김

Greek Yogurt! 오늘은 2021년 06월 15일입니다. 연어장인의 손맛! 여기가 어디게 진짜 맛있는 곳인데, 이곳은 바로바로바로바로 연어장인의 손맛! 여기가 어디게 진짜 맛있는 곳인데, 이곳은 바로바로바로바로 노란 우산! 비가 추적추적 내리면, 꼭 노란 우산으로 기분을 전환하세요!

더보기 .box:hover .box1{display: none;} => box에 hover했을 때 .box밑에 포함된 .box1 찾아서 display를 none .box:hover .box2{display: block;} => box에 hover했을 때 box밑에 포함된 .box2 찾아서 display를 block 박스1 박스2

더보기 - opacity: 투명도를 조절하는 속성, 값은 0~1 - 1 : 완전 불투명, 밑에있는 내용이 안보임, 기본값 - 0 : 완전 투명, 위에있는 배경이 아예 안보임 - rgba : (red, green, blue, alpha) - red : 빨강색 색상정보, 0~255 - green : 초록색 색상정보, 0~255 - blue : 파랑색 색상정보, 0~255 - alpha : 투명도 안녕하세요.

더보기 화면크기에 따라서 페이지의 구성을 다르게 표현하는 페이지를 반응형이라고 함 해당 화면 크기일 때, 안에 있는 CSS를 적용 : - 생김새: @media 화면크기{ 선택자{속성들;} } - 생김새 해설 : @midea[미디어타입 and] 화면크기{ 선택자{속성들;} } - 미디어타입 - all : 모든 장치(기본값) - print : 프린터에 사용 - screen : PC, 태블릿, 스마트에 사용 - speech : 스크린리더기가 페이지를 읽는데 사용 - 화면크기 - (min-width : 값) : 값(ex:600px) 이상 - (max-width : 값) : 값(ex:600px) 미만 - @media를 이용하여 반응형으로 만들 때 배치 순서가 중요 min-width:600px => 최소 600너비..

더보기 - display - block - inline - inline-block - none : 요소를 안보이게 함. 요소의 위치를 없앰 - flex : float과 비슷한 효과 - visibility : 요소를 보여줄지 말지를 결정하는 속성 - hidden : 요소를 안보이게 함. 요소의 위치는 그대로 내버려둠. - flex : flex-grow, flex-shrink, flex-basis를 한번에 쓰는 속성 - flex-grow : 자식요소가 작아서 공간이 남을 때 어떻게 처리할지를 설정 - 0 : 기본값 - 1 : 모든 자식 요소들이 1이면 크기가 같음 - 양수 : 숫자가 커질수록 - flew-shrink : 자식요소가 커서 공간이 부족할 때 어떻게 처리할지를 설정 - 0 : 기본값 - 1 : 모..