Programming (40) 썸네일형 리스트형 자바스크립트 JS (3). 데이터 타입(=자료형) / typeof() 명령 변수에 저장(초기화)할 수 있는 값의 종류를 '데이터 타입' 혹은 '자료형'이라 한다. JS의 변수에는 숫자형, 문자열, true, false 값을 저장할 수 있다. true / false는 명제의 참/거짓을 나타낼 때 사용하는 데이터 타입으로, 불형(boolean type)이라 부른다. 불형은 해당 조건이 만족할 경우(참) true로, 만족하지 않을 경우(거짓) false로 표현한다. --예시-- var a=100; b=3.14; //숫자형 var c="안녕하세요"; d="a"; //문자열 var e=true; f=false; //불형 typeof 명령 typeof는 ()안에 들어있는 변수가 어떤 데이터 타입인지 알려주는 명령이다. --예시-- var a=100; b=3.14; //숫자형 var c=".. 자바스크립트 JS (2). 변수 var 변수란? 프로그램을 작성할 때 어떤 결과를 계산하거나 계산한 결과를 나중에 활용하기 위해 기록해둘 공간(컵)이 필요하다. 이러한 정보를 저장해 둘 수 있는 공간이 바로 변수이다. 변수 선언 예를 들어 a라는 변수를 선언한다면 : var a *var = variable(변수) *쉼표로 변수를 여러개 나열해서 한꺼번에 선언가능. >var a,b,c (띄어쓰기 생략가능) 변수 초기화 이렇게 a라는 변수를 선언하면 값을 저정할 공간이 만들어지지만, 만든 공간에는 아무런 값이 들어 있지 않은 상태이다. 만든 변수를 사용하려면 변수에 값을 넣어야 하는데, 이런 작업을 초기화 라고 한다. 즉, 변수에 처음으로 값을 넣는(저장하는) 작업을 말한다. >a=10; //변수 초기화함. var a=10; //변수 선언과 초기.. 자바스크립트 JS (1). 출력 - alert() 명령 / console.log() 명령 브라우저에서 경고 메시지를 출력하는 코드 : alert("문자열") ; (세미콜론은 선택사항) head태그 내부에 script 작성하기. 자바스크립트에서 명령을 실행할 때는 명령(재료); 명령과 재료 사이의 괄호에 주목! console.log() 명령을 이용해서 메시지 출력하기. //개발자도구(ctrl+shift+I /F12)에서 Console 탭을 눌러 확인. >console.log("Hello World") css3 / 구글폰트 웹 폰트 적용하기 - 구글폰트(크롬으로 들어가기) https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 마음에 드는 폰트를 주황색+버튼을 누르면, 사진과 같이 오른쪽에 작은 창이 뜬다. 코드를 복사하고 link href=뒤에 붙여넣기. (참고로 여러 폰트를 +한 뒤(장바구니 담듯) 한꺼번에 코드를 복사한다) 그리고 복사했던 코드 밑에 Specify in CSS 코드가 하나더 있는데 이것도 복사해서 style 시트 선택자 속성에 붙여넣기. Lorem Cillum aliqua do aliqua duis qui adipisicing com.. css3 / 초기화코드 모든 html 페이지의 첫 번째 스타일시트는 초기화코드로 시작한다. 초기화 코드는 모든 웹 브라우저에서 동일한 출력 결과를 만들기 위해 사용. 마진과 패딩을 모두 0로 지정, 폰트 강제 지정, 폰트 크기, 입력 양식의 사이즈 통일 등을 동일하게 맞춰주기 초기화 코드 링크 1. Eric Meyer's Reset CSS : 모든 것을 초기화함.(조금 안해주는 것도 있긴함..그런건 직접) http://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line he.. css3 / 레이아웃(3) - clear: both, flex 속성 4. clear: both(=overflow: hidden) - float속성+clear속성을 사용한 레이아웃 구성 방법. - clear: both 입력. 또는 - 자식에 width, float을 주고 부모태그에 after, clear:both; content: ' '; display:block 입력. (참고로, 자식태그(aside, section)를 따로 감싸주는 부모태그(container)가 없어도 됨) Header /*clear란 막을 사용해서 overflow된것처럼 보이나, 자식을 못알아봄. 막 때문에 못 파고든것. clear를 쓸 땐 부모태그(container) 자체가 필요없음. 서로 못알아보는데 있어서 뭐해.. */ Aside Velit ad esse deserunt mollit ea exer.. css3 / 레이아웃(2) - float 속성을 사용한 수평정렬 3. float 속성을 사용한 수평정렬. "자식에 width, float을 주고 부모에 overflow: hidden" 레이아웃 기본 : 수평정렬(가로로 자를 수 있는 부분(header/navigation/content/footer)이 하나하나 태그가 됨)을 기준으로 함.) 그 다음 내부에서 세로로 자를 수 있는 부분(content-aside/section)은 그 내부의 자식요소로 구성하게 됨. float 속성을 사용하면 aside, section 부분을 수평으로 정렬할 수 있다. Header Navigation (부모) (자식) Non et consectetur elit dolor irure eu ullamco. Deserunt et qui velit nostrud. Cillum esse dolore .. css3 / 레이아웃(1) - float 속성, 중앙정렬 1. float 속성의 기본 : 그림을 글자 위에 띄우기 위해 만들어진 스타일속성. 실제론 기본적인 것으로 활용하진 않고 특이하게 사용많이 함. 레이아웃 구성할 때. float: left - 태그를 왼쪽에 붙인다. float: right - 태그를 오른쪽에 붙인다. Excepteur consectetur exercitation ea id cillum eiusmod eu dolor minim deserunt nulla ipsum. In labore pariatur proident laborum tempor occaecat reprehenderit elit esse irure Lorem. Voluptate qui laboris commodo magna nisi qui. Quis sint eu tempor e.. 이전 1 2 3 4 5 다음
