본문 바로가기

전체 글142

Javascript - this this는 아직 많이 사용을 안 했기 때문에, 이해가 조금 부족하다. 이번 글을 포스트 하면서 개념을 다시 상기하면서... this를 설명하기 전에 먼저 전역객체에 대해 설명 하겠다. - 전역객체는 javascript에 있어서 최상위 부모 객체이다. 객체가 생성 될 수록 부모, 할머니, 조상까지 올라가는 최상위 위치에 있다. - 때문에 window라는 최상위 객체의 메소드인 console.log() 메소드를 사용할 수 있고, 사용할 때 window를 생략하고 사용할 수 있다. this - this는 어떤 함수나 메소드들이 실행 될 때, 거기에 포함 되어 있는 객체를 가르킨다. *say라는 함수를 만들고 say를 실행하면 this를 console.log를 통해 console에 보여준다. *이때 this는 .. 2020. 6. 7.
CSS - background 효과(1) CSS를 통해서 backgound에 효과를 넣을 수 있다. 그 중 이번에는 사진을 넣는 방법과 거기에 효과를 넣는 방법에 대한 포스트이다. background에 사진 넣기 - bordor와 같은 box에 사진을 넣을 수 있으며, 웹페이지 배경에도 사진을 넣을 수 있다.(box에 사진 넣는 방법부터) - background - image : url(주소); *li 태그에 대해 border 효과를 주고 거기에 background-image:url(주소)를 통해 border 안에 사진을 넣을 수 있다. Box size에 따른 사진 넣기 -background-clip을 통해서 box 크기에 따라 효과를 넣을 수 있다. -clip은 실생활에서 사용하는 clip이라고 해서 클립으로 고정하다 라는 뜻도 있지만, '잘.. 2020. 6. 6.
Javascript - 객체지향프로그램(Object Oriented program) Javascript는 객체 지향 프로그램이다. 객체 지향 프로그램은 레고 블럭처럼 조립해서 하나의 프로그램을 만들 수 있다. 객체지향프로그램은 말 그대로 객체를 지향하는 프로그램이기 때문에 객체를 만드는 것에서 부터 시작된다. (추가내용(6/17) 절차지향프로그램이 있다. 절차진행 프로그램은 함수나 코드를 만들어 놓고 어떻게 절차대로 할 것인지 정해야 한다. 재사용의 어려움이 있다.) 앞서 객체를 만들때 선언하고 변수에 중괄호를 활당하여 객체를 만들 수 있다고 했다.(let p1 = {};) 하지만 이것은 객체 리터럴(literal)에 불과하다. 리터럴의 뜻은 '문자그대로의' '직역의' 뜻을 가지고 있다. 즉, 선언하고 변수에 중괄호를 할당하는 것은 객체를 표기하는 값이다. 실제로 객체는 서로 연관된 변.. 2020. 6. 5.
CSS - z index HTML을 꾸미다 보면 겹침이 발생 할 때가 있다. 이럴 때, CSS 효과를 통해서 우선 순위로 보여주는 기능이 z-index 이다. 'Good morning' 밑에 'Hello world' border 효과를 준 것이 있다. z - index 효과를 주지 않으면 나중에 나온 #b 항목이 우선순위를 가진다. 이 때, z - index 효과를 주면 'Hello World'글을 우선순위로 가져올 수 있다. *z-index : 값을 줄 수 있는데 숫자가 클수록 우선 순위를 가진다. *z-index는 값을 지정 해줄 수 있지만, auto라는 기능도 가지고 있다. auto를 주면 나중에 효과가 없었던 것 처럼 나중에 준 우선 순위를 가진다. #CSS#z-index#우선순위#겹침 2020. 6. 4.
반응형

티스토리툴바