아카이브: 2018/4

0

JavaScript 배열 메소드 ( Array method )

JavaScript 배열 메소드 ( Array method )자바스크립트에서 자주 쓰이는 배열 메소드를 정리 Array.isArray() (ES6)인자에 들어가는 객체가 배열인지 확인할 때 사용인자 - object 12Array.isArray({ a: 1, b: 2}) /// falseArray.isArray([1,2,3]) //true

0

JavaScript Arrow function ( 화살표 함수 )

JavaScript Arrow function ( 화살표 함수 )익명함수를 화살표 형태로 간략하게 쓸 수 있는 방법ES6(ES2015)에서 새로 나옴 특징 function 표현에 비해 구문이 짧다 this, arguments, super 등을 바인딩하지 않음 메소드 선언에 사용할 수 없다 생성자로 사용할 수 없다 prototype에 사용할 수 없다 add

0

JavaScript 변수 ( ES6 )

JavaScript Variable ( 변수 )JavaScript는 크게 세가지의 변수 선언 방법이 있다. var let const varvar는 ES6 이전까지 변수를 선언하는 유일한 방법이었다.특징으로는 다음과 같다. Function-level scope 전역 변수의 남발 for loop 초기화 식에서 사용한 변수를, 외부나 전역에서 참조 가능

0

JavaScript 자료형

JavaScript Data Type ( 자료형 )자바스크립트는 느슨한 타입 (loosely typed) 언어, 혹은 동적 (dynamic) 언어이다.즉 변수의 타입을 미리 선언할 필요가 없다는 뜻이다.타입은 프로그램이 처리되는 과정에서 자동으로 파악될 것이다.또한 그 말은 같은 변수에 여러 타입의 값을 넣을 수 있다는 뜻이다. Data Type 종류EC

0

JavaScript란?

JavaScript 정리JavaScript란?자바스크립트(JavaScript)는 웹 페이지에 동적인 요소를 구성하기 위해 만들어진 언어이다.하지만 지금은 웹 페이지를 꾸미는 역할 뿐만 아니라 다양한 환경에서 사용된다. 특징 스크립트 언어 프로토타입 기반 객체 지향 함수형 마무리텍스트로 구구절절 읊기보다 바로 하나하나 알아보는게 좋을 것 같다. 개인적으로

0

CSS 중앙정렬 가이드

CSS 중앙정렬 가이드수평정렬, 수직정렬에 대해 찾아보다가 잘 설명된 페이지)가 있어 포스팅예제 코드는 정확히 필요한 부분만 가져왔기 때문에 폰트,배경 색 같은 코드는 빠져있음 수평정렬 ( horizontally )1. inline 요소를 수평 중앙정렬 시부모 요소에 text-align: center 적용 12345678910111213<!-- HT

0

reset CSS 와 normalize CSS

reset CSS 와 normalize CSS웹 브라우저는 기본적으로 HTML 요소를 표현하는 CSS 속성이 있다.하지만 브라우저마다 다르게 표현되는 CSS 속성들이 있으므로,이에 대응하기 위해 reset과 normalize가 나왔다. reset CSS설정돼있는 모든 속성을 초기화 시키는 목적으로 사용이 되며,가장 널리 알려진 보일러플레이트는 Eric M

0

HTML5 시멘틱 웹과 시맨틱 태그( Semantic Web, Semantic tag )

HTML5 시멘틱 웹과 시맨틱 태그( Semantic Web, Semantic tag )시맨틱 웹이란?구글에 검색했을때 위키백과에 나오는 내용을 그대로 적어보면 아래와 같다. 시맨틱 웹(Semantic Web)은 ‘의미론적인 웹’이라는 뜻으로,현재의 인터넷과 같은 분산환경에서 리소스에 대한 정보와 자원 사이의 관계의미 정보를기계가 처리할 수 있는 온톨로지

0

CSS box model ( 박스 모델 )

CSS box model ( 박스 모델 )CSS box model 은 요소를 위해 생성되고 비주얼 서식 모델을 따라 배치되는 사각형 박스(패딩 및 마진 포함)를 정의하는 CSS 모듈이다.이 박스의 크기, 특성(색, 배경, 테두리 모양 등) 및 위치 결정이 렌더링 엔진의 목적이다. 크롬 개발자도구에서 흔히 볼 수 있는 그 모양이다. box model의 구

0

CSS float, float을 clear하는 네가지 방법(clearfix)

CSS float과 clearfix둘을 함께 알아야 사용할 수 있기 때문에, 하나의 글에 같이 정리해보려 함 CSS floatfloat은 뜨다라는 의미이며, element에 부유 속성을 줘 배치할 수 있는 방법 설명 left, right을 사용할 수 있으며 해당 위치에 떠있게 된다. display 속성과 함께 쓰면 display 속성은 무시된다. widt