개발자 지망생 114
[HTML] javascript (3) - (로또 / innerText & innerHTML / 배열 / 객체 / 속성(property) + function(함수) / 익명함수)

- [javascript26] 로또 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 javascript26.html img{width: 150px; height: 150px;} // 1. bigChance() 함수 만들기 function bigChance(){ // 2. 간단한 메세지 출력 console.log("test"); // 3. 6칸 짜리 배열 선언 var num = new Array(6); // 4. 랜덤하게 번호 6개 생성 // 0
HTML 2023.04.16

[HTML] javascript (1)

* JavaScript : 웹 브라우저에서 동작하는 경량 프로그램 언어 > 개발자 도구를 찍어봐야 javascript가 반영된 내용이 보임 - var 변수명 var a = 10; ==> a라는 변수에 10의 값을 대입해 > 자료형은 안써도 됨 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 // 자바 스크립트 : 웹 브라우저에서 동작하는 경량 프로그램 언어 // var 변수명 var a = 10; // a라는 변수에 10의 값을 대입해 > 자료형은 안써도 됨 var b; b = "안녕"; document.write("Hello Javascript : " + a) Colored by Color Scripter cs * 자바스크립트란? script 태그는 다른..
HTML 2023.04.16

[HTML] CSS - div ( block & in-line / position - relative, absolute, fixed / button

* Division : 웹사이트의 레이아웃, 틀을 만들 때 논리적 구분을 위해 사용 > 테이블보다 유용하게 사용 가능! - div는 'block 요소' span, image는 'in-line' 요소 - div 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 css07.html div{ width: 300px; height: 300px; background-color: rgb(255, 137, 157); } #blueDiv{ background-color: rgb(79, 79, 255); } 금요일 BLUE Colored by Color Scripter cs - [응용] 영화 목록 만들기 1 2 3 4 5 6 7 8 9 10 11 12 ..
HTML 2023.04.09

[HTML] CSS(Cascade Style Sheet) - width / border / text-align border-collapse / font / #id / .class

* CSS(Cascade Style Sheet) -> 다양한 디자인적 요소를 정의 선택자 : tag 선택자 { 속성 : 값; } - CSS : 디자인, 모양, 크기 담당 html :페이지의 구조 담당 - style > width / border / text-align / border-collapse 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 css01.html /* ..
HTML 2023.04.09

[HTML] http / 기본 구조 + html:5 (테이블/광고판/입력 표현/기능/form/검색창/로그인창)

* http (Hyper Text Transport Protocol) 하이퍼 텍스트를 전송하기 위한 통신규약(약속) 클라이언트에서 서버에게 무언가를 요청 > http method 1. GET : 주소창에 양식값을 전달 항상 요청하면 동일한 응답을 줌 ?XXXXX : QueryString ?id=aaa&pwd=bbb 2. POST : body 안에 감춰서 전달값을 전달 > 주소창에 쿼리스트링 안보임 같은 방식으로 요청을 해도 다른 결과를 줄 수 있음 - 테이블 > tr / td / th 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 표 만들기 판매 중인 제품 사이즈 용량 사이즈 비고 Tall(톨) 355..
HTML 2023.04.09

[HTML] 기본 구조 (창에 글 쓰기/리스트/테이블/하이퍼링크)

* HTML : 하이퍼링크 형식의 마크업 기반 언어 Hello HTML World - 위의 코드로 페이지 만들고, 소스 보기로 확인 가능 - html은 소스가 그대로 노출됨 - 단축키 주석 : ctrl + / --> 문장 복사 : shift + alt + 방향키 아래 이동 : alt + 화살표 방향키 위, 아래 한 줄 삭제 : ctrl + shift + k 아래에 빈 행 삽입 : ctrl + Enter 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 창제목123 처음 만드는 웹 페이지 두번째 만드는 웹 페이지 세번째 만드는 웹 페이지 하하 잘 실행이 live server 아무 글 cs 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 HTML(Hyper..
HTML 2023.04.09
1 2 3 4 5 6 ··· 12
더보기

티스토리툴바