내가 보려고 만든 개발 공부 일지

이전 글에 이어서 이번엔 프로토타입의 Prototype object 란 개념에 대해 정리해본다. 함수는 정의될때 prototype object가 어딘가에 같이 생기고 생성된 함수는 .prototype이라는 속성으로 prototype object에 접근할 수 있다. 이 prototype object는 일반적인 객체와 같고 안에는 constructor(생성자) 와 __proto__ 속성을 가지고 있다. 또한 prototype object는 일반객체이므로 속성을 맘대로 추가/삭제 할 수 있다. (추가/삭제 시 이 함수로 만들어진 객체들은 이 값을 공유하므로 당연히 객체들의 속성들도 그대로 바뀐다.) function Person(){} var kim = new Person(); constructor는 정의된 함..

일단 SCSS, Sass 둘다 CSS 를 확장시킨 기술이다 (전처리기 라고 부른다.) 둘다 중첩구문(nesting) 을 쓸수있다. 기존 css 에서 하위 선택자를 선택하려면 .select { display: flex; } .select div:hover { cursor: pointer; } .select > p { color: green; } 위와 같이 상위 선택자 .select 를 여러 번 써야 했지만 중첩을 이용하면 .select { display: flex; div: hover { cursor: pointer; } > p { color: green; } } 이런식으로 .select 를 한번만 써줘도되고, 가독성도 더 좋아진다. ( .select 안에 이런이런 스타일들이 적용되는구나 하는게 한눈에 보..

react-icons 는 리엑트에서 제공하는 아이콘 라이브러리다. 간편하게 아이콘을 사용할 수 있다. cmd로 프로젝트 경로에서 설치한 후 사용하고픈 아이콘 경로를 import 해서 사용하면된다. 참고 https://react-icons.github.io/react-icons

in 연산자는 객체에 지정된 속성이 있는지를 확인한다. "prop" in obj --> 객체 obj 에 "prop" 이라는 속성이있다면 true, 없다면 false 를 리턴한다. 객체 기본 속성인 hasOwnProperty 도 해당 객체의 속성유무를 판단해 true / false 를 리턴하는데, 그럼 이 둘의 차이는 뭘까..? 아래 예제를 보자. function Person(){}; Person.prototype.eyes = 2; var kim = new Person(); kim.hasOwnProperty("eyes"); // false "eyes" in kim; // true 위 코드에서 객체 kim은 eyes를 직접 가지고있지 않기때문에 hasOwnProperty 가 false 를 리턴하지만 in 은..