라라리라

문자열1_개념01_문자.html /* [개념] 문자열(= 문자 여러개) */ let a = "javascript"; // 큰 따옴표로 감싼다. document.write(a + " "); let b = 'javascript'; // 작은 따옴표로 감싼다. document.write(b + " "); let c = "'hello'"; // 작은 따옴표를 표시하고 싶을 때는 큰 따옴표로 감싼다. document.write(c + " "); let d = '"hello"'; // 큰 따옴표를 표시하고 싶을 때는 작은 따옴표로 감싼다. document.write(d + " "); // 더하기(+) : 더하기를 사용하면 서로 다른 문자를 연결할 수 있다. let lastName = "홍"; let firstNam..

로그인.html DOCTYPE html> 로그인 Document .content { margin: auto; border: 1.5px; width: 100px; font-family: dotum,sans-serif; font-size: 12px; width: 460px; border-color: darkgray; border-spacing: 10px; } .image { text-align: center; border: 2px; border-style: solid; border-color: rgb(199, 199, 199); width: 50px; height: 50px; } .content-box { width: 400px; border: 2px; border-style: solid; border-co..

메인페이지.html DOCTYPE html> 메인페이지 #headerTable1 { margin: 0 auto; text-align: center; width: 1980px; height: 20px; background-color: lightgrey } #headerSpace { width: 900px; background-color: lightgrey } #headerSpace2 { width: 450px; background-color: lightgrey } .headerMenu { font-size: 12px; width: 60px; height: 30px; background-color: lightgrey } #headerTable2 { margin: 0 auto; text-align: cente..

0400_css적용방법.html DOCTYPE html> Document /* # CSS 스타일 적용방법 3가지 (1) style 내부 (2) 인라인 (3) link 외부 */ h1 { color: yellow; } Hello, CSS HTML 삽입 미리보기할 수 없는 소스 0401_내부스타일1.html DOCTYPE html> Document #test1{ text-decoration: none } #test2{ text-decoration: underline } #test3{ text-decoration: overline } #test4{ text-decoration: line-through } text-decoration 속성1 none underline overline line through te..

0301_font_web.html DOCTYPE html> Document body {font-family: 'East Sea Dokdo', cursive;} 웹 사이트에서 폰트를 다운받아 설치해줍니다. 0302_fontstyle.html DOCTYPE html> Document p.style1 { font: italic 30px arial,sans-serif; } p.style2 { font: bold 40px Georgia,serif; } font: italic 30px arial,sans-serif font: bold 40px Georgia,serif 0303_text_deco.html Document h1 { text-decoration:overline; } h2 { text-decoration:..

0201_리스트스타일.html DOCTYPE html> Document ul.a { list-style-type: circle; } ul.b { list-style-type: disc; } ul.c { list-style-type: square; } HTML5 CSS3 JAVASCRIPT HTML5 CSS3 JAVASCRIPT HTML5 CSS3 JAVASCRIPT 0202_리스트들여쓰기.html DOCTYPE html> Document .inside { list-style-position: inside; } /* 목록 들여쓰기 */ 도서 시리즈 Do it! 시리즈 첫 코딩 시리즈 된다 시리즈 Do it! 시리즈 첫 코딩 시리즈 된다 시리즈 0202_리스트불릿삭제.html DOCTYPE html> Doc..

0100_css선택자.html DOCTYPE html> Document /* CSS 선택자(selector) 1. 태그 선택자 2. 클래스 선택자 3. 아이디 선택자 4. 그룹 선택자 */ h1, h2 { color: red; } .blue-h1 { color: blue; } #yellow-h1 { color: blueviolet } h1{ background-color: aqua; } Hello, CSS Hello, CSS Hello, CSS Hello, CSS Hello, CSS Hello, CSS 0101_tag1.html DOCTYPE html> Document h1 { background-color: yellow; border: 4px solid red; /*border 경계선 / solid 그..

이차배열5_문제01_빙고.html /* [문제] 철수는 빙고 게임을 만들고 있다. 빙고 조건은 가로 1이 3개 또는 세로 1이 3개 또는 대각선으로 1이 3개이면 빙고이다. 빙고는 중첩될 수 있다. 반복적으로 랜덤 위치에 1을 저장한다. 단, 한번 1이 저장된 곳은 또 다시 저장할 수 없다. 3빙고가 성립되면 종료한다. */ let bingo = [ [0,0,0], [0,0,0], [0,0,0] ]; while(true){ let r1 = Math.floor(Math.random() * bingo.length); let r2 = Math.floor(Math.random() * bingo.length); if(bingo[r1][r2] != 0){ continue; } else { bingo[r1][r2] ..