Jeden Tag, aufrichtig und lustig.

들여쓰기 일의 효율과 가독성을 위해 들여쓰기하는 것이 중요. 주로 아래와 같이 들여쓰기 함. 1. tab 2. 2 space

코드카데미 요새는 코드카데미를 통해서 html을 공부하는 중이다. 영어사이트라 가끔 이해가 안 될 때도 있지만, 오히려 영어단어를 통해 직관적으로 의미가 머릿속에 들어올 때도 있다. 사이트 주소는 아래와 같다. https://www.codecademy.com/learn Catalog Home | Codecademy If you’re not sure where to begin or what to learn next, this is a great place to start. Check out our top coding courses, Skill Paths, and Career Paths. www.codecademy.com 일주일간 프로 멤버십 무료체험을 시작했다. 일주일안에 그동안 체험하지 못한 컨텐츠를 체..

Variable (변수) 변수란, 데이터를 담을 수 있는 대상이다. ex. let myNumber = 100 ; myNumber : 변수 100 : 데이터 let myNumber : 변수 선언 (declare) myNumber = 100 ; : 데이터 할당 (assign) 변수 선언 과정과 데이터 할당 과정은 보통 동시에 진행 된다. 변수 대입연산자 X = 1 대입연산자 변수(variable)에 값을 할당할 때 대입연산자(=)를 사용한다. 대입연산자는 오른쪽 항에 있는 값을 왼쪽에 있는 변수에 대입하는 역할을 한다. let Var = 5; *변수 : 대입연산자를 통해 값이 바뀌는 수 * constant : 상수 ex. 1 ↕ variable : 변수 ex. x * shift+enter : 실행을 유보시킴..

데이터 유형 데이터 유형은 크게 기본유형과 참조유형으로 나뉜다. 기본형 (primitive type) 1. 숫자 (number) 2. 문자열 (string) 3. boolean 4. undefined & null 숫자 (number) 사칙연산이 가능하다. ex. let myNumber1 = 1 ; let myNumber2 = 5 ; console.log(myNumber1/myNumber2) ; *나머지 구하는 법 구글링 키워드 : java script how to calculate remainder console.log(4%2) ; 문자열 (string) ex. juice , apple let myName = 'alice' let myName = "eleven" console.log(myName) ; *..

event 이벤트는 js와 사용자가 상호작용하는데 핵심적인 역할을 함. *onclick 등의 속성-> event(사건) console.log( ); 콘솔에 로그를 남기는 j.s.의 대표적인 디버깅(출력)방법이다. 개발자가 확인하고 싶어하는 내용을 출력하는 함수다. ex. console.log(300) ; // 300이 출력 된다. console.log('사과') ; // 사과가 출력 된다. 오른쪽마우스-검사-console탭을 통해 js실행이 가능하다. *웹브라우저 , 레플릿(replit) 및 js bin을 통해 console을 실행할 수 있다. alert ( '~~~~~~~' .length) * length : 문자개수 세는 코드

java script 1. 사용자와 상호작용하는 언어 2. html을 제어하는 언어 / html을 위해 동작하는 언어 3. 웹페이지를 동적으로 만듦 4. 컴퓨터 프로그래밍 언어 *program : 순서 개념 *programming : 순서 제작 ->html은 시간개념이 없지만 js는 시간/순서개념이 존재. ->hello world ->2

동영상 삽입 1. youtube 접속 -공유 -퍼가기 -동영상 퍼가기 코드 복사 -코드 편집기에 코드 붙여넣기 -리로드 ! 2. * 이미지 태그와 달리 닫는 태그 존재. alt 속성 못씀

미디어 쿼리 responsive web (반응형 디자인)을 제작하는데 사용 된다. 반응형 디자인이란 화면 크기에 따라 웹페이지의 각 요소들이 반응해서 최적화된 웹페이지를 만드는 것이다. ex. 화면의 최대 크기가 800이하일 때 display를 none하고 싶은 경우, @media (max-width : 800px) { div{ display : none ; } }

grid 단락을 나란히 배치하고 싶다면 그리드를 활용 할 수 있다. 이를 위해선 부모태그로 각 단락을 묶어야 한다. 부모태그로 묶는 방법 를 활용 할 수 있다. 는 의미가 존재하지 않는 디자인을 위한 태그이다. navigation template ** css 선택자 특정하는 법 -> 부모 선택자 이름을 앞에 붙인다. ex. => 1) id가 grid값의 하위태그로 묶여있는 ol태그를 선택한다. 2) id가 grid값의 하위태그로 묶여있는 article id값을 선택한다.

*division : 분할 디자인 목적을 위해 섹션을 나눌 때 사용하는 의미없는 태그이다. class나 id 속성을 통해 css 디자인을 하는데 사용한다. 그룹핑하고 레이아웃 분리 및 가독성 향상을 위해 사용될 수 있다. ex. 헤더, 메뉴, 주요 내용, 푸터 *block level element ↕ *inline level element *태그를 사용하는 것의 적절성을 판단 할 수 있는 사이트 http://caniuse.com Can I use... Support tables for HTML5, CSS3, etc caniuse.com