우당탕탕 개발자 되기

BEM : Block, Element, Modifier 를 뜻하며, 각각 '--', '__' 로 구분한다. -Block(전체를 감싸고 있는 블럭요소) : 재사용이 가능한 기능적으로 독립적인 페이지 컴포넌트를 블럭이라고 한다. -Element(블록이 포함하고 있는 한 조각) : 블록을 구성하는 단위, 블록은 독립적인 형태이지만 엘리먼트는 의존적인 형태이다. 자신이 속한 블록 내에서만 의미를 가지기 때문에 블록 밖에서 사용할수없다. -Modifier(블록 또는 요소의 속성, 속성이란 블록 또는 요소의 외관이나 상태를 변화가능한 부분) : 블럭이나 엘리먼트의 속성을 담당한다. -클래스명은 구체적이고, 명료하며 HTML 안에서도 읽기 쉬워야한다. -클래스명이 무엇을 나타내는지 분명하게 전달되어야한다. -클래스명..

스타일 형식 p{text-align: center;}//텍스트 단락을 중앙에 정렬하는 스타일 규칙, 'p' 부분 : 선택자 h2{font-size:20px; color:orange; } //2단계 제목의 글자 크기 20px, 글자 색상 주황색 p{color:blue}//텍스트 단락의 글자 색 파란색

태그 - 폼 만들기 /기본형 여러 폼 요소 form 태그의 속성 -method : 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다. 속성값 -get : 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다 -post : 대부분 이 방식을 사용한다. 사용자의 입력을 표준입력으로 넘겨주기 때문에 입력 내용의 길이에 제한을 받지 않고 사용자가 입력한 내용이 드러나지 않는다. -name : 폼의 이름을 지정한다. 한 문서 안에 여러 개의 태그가 있을 경우, 폼들을 구분하기 위해 사용한다. -action : 태그 안의 내용들을 처리해 줄 서버 상의 프로그램을 지정한다. -target : 태그에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정한다. autocomplete 속..

-블록 레벨 Tags 태그 - 제목 표시 : 제목 텍스트로 일반 텍스트보다 굵고 진하게 표시, 1~6까지의 숫자로 크기를 나타낼수있다. 태그 - 단락 만들기 : 텍스트를 표시 할 때 가장 많이 사용하는 태그, Paragraph의 줄임말로 로 태그로 표시하는 텍스트 단락은 닫힘태그 까지 줄바꿈없이 텍스트를 한줄로 표시한다. 태그 - 줄바꾸기 : 브라우저 창에서 줄바꿈을 하고싶을때 사용하는 태그 태그 - 분위기 전환을 위한 수평 줄 넣기 : horizontal의 줄임말로 수평 줄을 삽입할 때 사용, 텍스트 단락의 주제가 바뀔 때 분위기 전환용으로 사용, 태그를 사용하면 가로선이 생기는데 CSS를 이용해 없앨수 있다. 태그 - 인용문 넣기 : 다른 블로그나 사이트의 글을 인용할 경우 이용하여 표시한다. 태그 ..

DOM(Document Object Model) - 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. 이 객체모델을 이용하여 - 자바스크립트는 새로운 HTML 요소나 속성을 추가할 수 있습니다. - 자바스크립트는 존재하는 HTML 요소나 속성을 제거할 수 있습니다. - 자바스크립트는 HTML 문서의 모든 HTML 요소를 변경할 수 있습니다. - 자바스크립트는 HTML 문서의 모든 HTML 속성을 변경할 수 있습니다. - 자바스크립트는 HTML 문서의 모든 CSS 스타일을 변경할 수 있습니다. - 자바스크립트는 HTML 문서에 새로운 HTML 이벤트를 추가할 수 있습니다. - 자바스크립트는 HTML 문서의 모든 HTML 이벤트에 반응할 수 있습니다. Document..

자바스크립트의 기본 타입 : 객체 객체 : 이름 과 값으로 구성된 property의 정렬되지 않은 집합, 이 때 Property가 함수로 올때 이러한 Property를 메소드라고 부른다. Property 참조 방법 : 객체이름.Property 이름 , 객체이름["Proeprty 이름"} 메소드 참조 방법 : 객체이름.메소드이름(), 단 메소드 이름 뒤에 괄호를 붙이지않으면 Property 자체를 참조. 생성하는 방법 1.Literal Notation을 이용한 방법 var 객체이름 = { 프로퍼티1이름 : 프로퍼티1의값, 프로퍼티2이름 : 프로퍼티2의값, ... }; 2.생성자를 이용한 객체의 생성 var day = new Date(); // new 연산자를 사용하여 Date 타입의 객체를 생성함. doc..

함수 -하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록, 함수또한 하나의 타입이다. 함수의 형식 function 함수명(매개변수1, 매개변수2,...) { 함수가 호출되었을 때 실행하고자 하는 실행문; } 함수명 : 함수를 구분하는 식별자. 매개변수 -함수를 호출할때 인수로 전달되는 값, 자바스크립트는 함수에서 전달되지 않은 나머지 매개변수에 자동으로 undefined 값을 설정한다. -1. 디폴트 매개변수 : 함수를 호출할때 명시된 인수를 전달하지 않았을 경우에 사용하게 될 기본값을 의미 기본값으로 정해지는 undefined 를 변경할수있다. 2.나머지 매개변수 : 생략 접두사(...)를 사용하여 특정 위치의 인수부터 마지막 인수까지를 한번에 지정 가능하다. 반환(Return)문 -함수의 ..

JavaScript 출력방법 1.window.alert() 메소드 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달한다. 2.Html Dom 요소를 이용한 innerHTML Property 가장 많이 사용하는 방법으로 DOM(Document Object Model) : XML, HTML 문서에 접근하기 위한 인터페이스 문서내의 요소들을 정의하고 접근하는 방법을 제공 - getElementByID() or getElementsByTagName() 등의 메소드를 사용하여 요소 선택 후 innerHTML Property를 이용하여 선택된 요소의 내용이나 속성을 손쉽게 변경 가능하다. 3.document.write() 메소드 로딩될때 가장 먼저 데이터를 출력하지만 웹 페이지의 모든 내용이 로딩된 후..