![]()
css로 작업을 하다 보면 block요소를 수평으로 주고싶을때 float나 inline-block 을 많이 씁니다 사실 이 방법으로 많이 쓰다보면 float 같은 경우에는 부모요소에 float해제도 시켜줘야하고 .. (귀찮고 비효율적) flex는 굉장히 유연하고 요소의 정렬,방향,크기,순서 까지 제어 할 수 있어요. 사실 쓰다 보면 신세계..!! 왜그런지 같이 공부해볼까요?? 이번 포스트는 부모에게 속성을 적용해 요소들이 배치가 되는 속성들을 배워볼 거에요. 집중 ~~ 1.flex 사용방법 : display:flex flex를 사용하기 위해선 컨테이너와 그 의 자식 을 만들어주어야 합니다. container 안에 item요소들을 만들어줄게요 1 2 3 4 5 위에 처럼 만들어 주었다면 flex를 적용볼게..
객체를 생성하는 함수를 생성자 함수라고 한다.자바스크립트에서 생성자는 new 연산자와 함께 사용된다.바로 함수옆에 new를 붙여주는 것이다. 자세한건 예제를 통해 알아보자 생성자함수를 만들때에는 함수의 첫문자는 대문자부터 시작해야한다.왜냐하면 일반함수인지 생성자함수인지 구분하기 위해서이다이것은 규칙이라고 하니 규칙을 지키자! function Fruits(name){ this.name = name; this.intro = function(){ console.log(this.name + '는(은) 과일중에 제일 맛있어'); } } 함수에 name이라는 매개변수를 넣어놨다.그렇다면 여기서 this가 가르키는 것은 무엇일까다음 예제를 통해 알아보자 function Fruits(name){ this.name = ..
전역객체는 모든 객체의 최상위에 있는 유일한 객체를 의미한다.그럼 자바스크립트에서 전역객체는 무엇일까바로 widnow 객체이다. window 객체는 웹브라우저의 창을 나타내는 객체로 대부분의 웹브라우저에서 지원하고 있다. 예제를 통해 조금 더 자세히 알아보자 12345 function test(){ alert('hello') } test();cs 일반적으로 함수를 불러와보자결과는 alert 창이 뜬다 123456 function test(){ alert('hello') } window.test();cs 함수 옆에 window를 붙였더니 결과는 위에 코드와 똑같다. 이말은 test함수가 window라는 객체의 메소드가 된것이다. 그럼 전역변수들은? 그렇다 window라는 객체의 프로퍼티 이다. 우리가 만드..
