분류 전체보기
-
box-sizing: border-box;Study/css 2020. 4. 8. 21:30
box에 margin, padding, border 값 등을 줄 경우, margin, padding, border 값들은 원래 있던 박스 사이즈 위에 얹어져 전체 박스의 값이 더 커지게 된다. 예를들어, 가로 150px, 세로 50px 크기의 박스가 있다고 해보자. 여기에 margin 10px, padding 20px, border 5px 값을 준다면, 이렇게 박스 자체가 커지게 됨. 그런데 이 박스에게 height나 width값을 100%줄경우, box의 값이 커져버리면 화면을 이탈하는 경우가 발생함. 그래서 우리는, padding이나 margin 값을 줘도 박스 자체의 크기는 커지지 않도록 하기 위해 box-sizing: border-box; 값을 준다. 그러면 padding값을 줘도 box의 전체 ..
-
데이터타입-문자열과 숫자카테고리 없음 2020. 4. 8. 17:45
프로그래밍에서는 데이터를 처리하는 것이 아주아주 중요한 일이다. 그래서 데이터를 잘 분류하기 위해 상당히 많은 노력을 해왔고, 앞으로도 할 것임. 자바스크립트 언어에서는 어떤 형태의 데이터들이 있는가를 살펴보고, 그 중에서 대표적인 문자열과 숫자를 이해해보자. datatype (자료형) 자바스크립트에는 어떤 데이터타입이 있는가. data type (자료형) 최신 ECMAScript 표준은 다음과 같은 7개의 자료형을 정의한다. 기본 자료형 (Primitive) 인 여섯가지 데이터 타입 Boolean Null Undefined Number String Symbol (ECMAScript 6 에 추가됨) 별도로 Object 도 있음 다음 장에서 이 여섯개의 자료형을 사용하는 방법과 자료형을 조합하여 더 복잡한..
-
-
html과 javascript의 만남1 (script태그) (생활코딩)카테고리 없음 2020. 4. 8. 16:33
기본적으로 자바스크립트는 html 위에서 동작하는 언어임. 그렇다면 어떻게 html 문서에 완전히 다른 자바스크립트 언어를 넣을 수 있을까? 태그를 이용해 할 수 있음. 이런식으로!! 그렇다면, 이 hello world는 h태그를 이용해 쓴 html의 것과 어떤 차이가 있는가? hello world 어떤 차이냐면, 1+1 html에서 1+1은 이렇게 적으면 영원히 1+1로 나온다. (정적인 언어이기 때문에..) 하지만 자바스크립트는 "동적인 언어"이다. 그래서 1+1이라고 하면 2라는 답이 나온다. 이렇게 작성할 시 2 라는 답이 나오는 것! https://opentutorials.org/course/3085/18778 HTML과 JavaScript의 만남 1 (script 태그) - 생활코딩 소스코드 ..