MyStory

-JavaScript DOM HTML DOM로 자바 스크립트는 HTML document의 모든 element를 접근하여 바꿀 수 있음 THE HTML DOM (Documen Object Model) 웹 페이지 로드 -> 브라우저는 페이지의 DOM을 생성 What is the HTML DOM? ; HTML DOM은 HTML elements를 get, change, add or delete 에 대한 것 -JavaScript - HTML DOM Methods HTML DOM 메소드는 perform 할 수 있는 HTML Elements 에 대한 action HTML DOM propeties는 set or change 할 수 있는 HTML Elements의 값 The DOM Programming Interface..

-JS Type Conversion Number() 메소드느 숫자로 변환, String() 메소드는 문자열로 변환, Boolean() 메소드는 boolean 값으로 변환 자바스크립트의 5가지 data type - string - number - boolean - object - function 3가지 객체 타입 - Object - Date - Array 값을 포함하지 않는 2개 - null - undefined constructor : 모든 자바스크립 변수의 생성자 함수를 반환. String(), toStrng() : 숫자를 문자열로 바꿔줌 Number() : 문자열을 숫자로 바꿔줌 -JS Bitwise 비트 AND a & b 피연산자를 비트로 바꿨을 때 각각 대응하는 비트가 모두 1이면 그 비트값에 1..

-JS Variables var carName = "Volve"; // String var a = 50 // Number -숫자의 합을 display var x = 5; var y = 10; document.getElementById("demo").innerHTML = x + y; -alert box(경고창)에 결과를 보임 var x = 5; var y = 10; var x = x + y; alert(z); -한 줄에 여러개의 변수 선언 var = "John" ,lastName = "Doe", age = 35 ; -alert box(경고창)에 50을 띄움 alert(10 * 5); -assingment operator x = 10; y = 5; x *= y; -Data Types var length = ..

-CSS Border Images border 속성 : width - style - color 순서 width : 테두리의 두께, 단위는 주로 px style : 테두리의 스타일 (실선, 점선, 이중선) color : 테두리의 색상 border -> transparent : 투명을 지정 border-image 의 5가지 속성 border-image-source border-image-slice border-image-width border-image-outset border-image-repeat -CSS Gradients div { background-image: linear-gradient(to bottom right, white, green); } white to red to blue to gree..

-position : static, relative, absolute, fixed position은 레이아웃을 배치하거나 객체를 위치시킬때 사용하는 css이다. top, bottom, left, right의 위치를 설정할 수 있다. static (기본값) :위치를 지정하지 않을 때 사용한다. relative : 위치를 계산할때 static의 원래 위치부터 계산한다. static의 원래 위치부터 계산한다. top: 0px --> static 도형으로부터 위쪽에 0px 만큼 공백 left: 100px --> b도형의 left 값은 static 도형으로부터 100px 떨어진곳에 위치 absolute : 원래 위치와 상관없이 위치를 지정할 수 있다. (부모 element의 영향을 받지 않음) 단, 가장 가까운 ..

-input type의 종류 한줄짜리 text input 여러개의 선택지 중 하나를 선택할 수 있는 버튼 여러개의 선택지 중 multiple 선택 가능한 버튼 또는 zero form을 제출할때 사용하는 버튼을 보여줌 선택할 수 있는 버튼을 보여줌 - Elements : 의 for 특성은 의 id와 동일해야함! : multi-line input field! : 버튼을 클릭하면 팝업창에 메세지를 띄움 and : form을 묶어줌 . tag는 element의 caption ! -HTML Input Types : 다양한 input type이 존재 -HTML Input Attributes : readonly, disabled, size, maxlength, min & max 설정, multiple, pattern..

-HTML 기본 구조 기본적으로 , Content goes here.. -HTML Headings 태그는 부터 까지 있다. 1부터 6 순서로 글자의 크기가 작아진다. 중요도를 나타냄! -HTML Liks 링크는 정의하는 태그는 -HTML Images 태그 사용. alt, width, height는 지정해주자! alt는 이미지가 화면에 보이지 않을 시에 보여지는 대체 텍스트이다. -Style Attribute font 설정하는 방법 test alignment : center, left, right text formatting : bold, icalic, subsript, superscript -Title Attribute : element에 대한 추가적인 정보 -About tag Horizontal Rul..

1. 닷홈 홈페이지 접속 & 회원가입 www.dothome.co.kr/index.php 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr 2. 웹호스팅 -> 무료 호스팅 3. 무료 호스팅 신청 -> 정보 입력 4. 오른쪽 상단 마이닷홈 -> 웹/이미지 호스팅 목록 5. 도메인 주소 복사 후 주소창에 붙여넣기 -파일질라로 FTP (File Transfer Protocol)접속하는 방법 -파일질라(FileZilla)란? 이미지나 파일을 웹서버에 올려주는 역할 1. 파일질라 다운받기 (윈도우, 맥OS 구분해서 다운받아주세요.) -윈도우 용 https://filez..