본문 바로가기

분류 전체보기154

[Javascript] Object - 메서드와 this 메서드 만들기 ✔️ 객체의 프로퍼티에 함수를 할당할 수 있는데 그것을 메서드라고 부름. ✔️ 이미 정의된 함수를 이용해서 만들수도 있다. //객체에 메서드 추가하기 let user = { name:"John", age:30 }; user.sayHi = function(){ alert('hi'); } user.sayHi(); //hi //이미 선언된 함수를 메서드로 등록하기 let user = { ... } function sayHi(){ alert('hi'); } user.sayHi = sayHi; user.sayHi(); //hi 메서드 단축 구문 //일반적인 객체 내 메서드 선언 user = { sayHi : function(){ alert('hi'); } } //단축구문을 이용해 메서드 선언 use.. 2021. 12. 27.
[Javascript] Object 객체란? ✔️ 객체는 프로퍼티로 구성되어있다. ✔️ 프로퍼티는 키와 값으로 구성되어있다. ✔️ 프로퍼티늬 값에서는 모든 자료형이 허용된다. 빈 객체(빈 서랍장)을 만드는 방법 //객체 생성자 문법 let user = new Object(); //객체 리터럴 문법 let user = {}; 리터럴과 프로퍼티 객체 리터럴 기본형 let user = { name : 'John', age : 12 } 객체 호출 console.log(user.name) //joy console.log(user.age) //27 객체 추가 user.isAdmin = true; console.log(user.isAdmin); //true 객체 삭제 delete user.age; console.log(user.age); //undef.. 2021. 12. 27.
[Javascript] for in / for of 차이 1 for in ✔️ 객체의 열거 가능한 '속성들'을 순회할 수 있도록 해줌. ✔️ 객체의 key 값에 접근 가능. value 값에는 직접 접근 불가 ✔️ 모든 객체에서 사용 가능. //Array let arr = ['a', 'b', 'c']; for(let i in arr){ console.log(i, arr[i]); } //0 a, 1 b, 2 c //Object let object = {a:1, b:2, c:3}; for(let prop in obj){ console.log(prop, obj[prop]); } //a 1, b 2, c 3 //Rendering template literal let TemObject = {a:1, b:2, c:3}; for(let property in object){ .. 2021. 12. 27.
[javascript] resize 이벤트 1 resize 이벤트란? 사용자가 브라우저 창이나 프레임을 변경했을 때 호출되는 이벤트 사용 방법 - window.onresize 속성 - window.addEventListener('reisize', ...) 주의할 점 오직 window 객체에서만 발생한다. window 객체에 등록된 핸들러만 이벤트를 수신한다. 그리고 resize 이벤트는 창의 크기를 미세하게 조절해도 여러번 실행되기 때문에 DOM 수정과 같은 복잡한 처리는 실행하지 않도록 해야한다. * requestAnimationFrame, setTimeout, customEvent 등을 이용해 이벤트를 스로틀(throttle)하는 것이 좋다. 2 resize 이벤트 활용 See the Pen Untitled by yanggjoy (@yangg.. 2021. 11. 29.
[javascript] scroll event 1 스크롤 이벤트란? document view나 element가 스크롤 될 때 발생하는 이벤트. ◾ 스크롤 이벤트에서 주의할 점 스크롤 이벤트는 한번 실행될 때 매우 빠른 속도로 실행된다. 이것을 눈으로 확인해보기 위해 테스트를 해보았다. document.addEventListener('scroll', function(){ console.log('event call'); }) 스크롤 이벤트가 발생되면 콘솔에 event call이 찍히도록 해보았다. 스크롤을 한번만 했을 뿐인데 11번이나 실행되며 만약 이벤트리스너 안에 복잡한 DOM 조작을 넣는다면 컴퓨터는 당연히 느려질 수 밖에 없을 것이다. 그래서 스크롤 이벤트에서는 복잡한 작업을 실행하지 말아야 한다. 그렇다면 이것을 해결할 방법은 없을까? ◾ 스크.. 2021. 11. 29.
서버 기본 개념에 대한 간단한 이해 OSI 7 Layer표준 모델로 교육(학습), 장비모델 참조, 장애처리 때 활용되는 참조하는 모델이 되었음. TCP/IP통신모델, 데이터가 통신되는 절차를 표현.데이터가 의도된 목적지에 닿을 수 있도록 보장해주는 통신 규약 비표준 모델(사실상 표준), 실제로는 이걸로 통신한다. DNSIP주소를 사람이 이해하기 쉬운 명칭인 도메인이름으로 상호 매칭시켜주는 시스템.숫자로 구성된 네트워크 주소인 IP주소를 사람이 이해하기 쉬운 명칭인도메인이름으로 상호 매칭시켜주는 시스템. DNS 서버에게 자신의 ip는 무엇이고 이러한 주소를 가지고 싶다고 요청을 한다. 이 요청을 받고서 이것들을 기억해서우리의 컴퓨터에서 이러한 도메인 네임으로 접속.이 과정은 자동화 되었다. MIME type(Multipurpose Inter.. 2021. 11. 7.
반응형

티스토리툴바