클래스2 [JS] 프로토타입과 클래스 객체 생성자 객체 생성자는 함수를 통해 새로운 객체를 만들고, 그 안에 넣고 싶은 값 혹은 함수들을 구현할 수 있게 해줌. function Animal(type, name, sound) { this.type = type; this.name = name; this.sound = sound; this.say = function() { console.log(this.sound); }; } const dog = new Animal('개', '멍멍이', '멍멍'); const cat = new Animal('고양이', '야옹이', '야옹'); dog.say(); cat.say(); 객체 생성자를 사용 할 때는 보통 함수의 이름을 대문자로 시작하고, 새로운 객체를 만들 때에는 new키워드를 앞에 붙여줘야 함. 위 .. 2020. 8. 12. [리액트]스타일,클래스 적용 리액트의 경우 html과 달리 style 적용 시 객체를 만들어 줘야 함. const style = { backgroundColor: 'black', color: 'aqua', fontSize: 32, padding: '1rem' }; 위와 같이 작업 후 위와 같이 div style에 'style'객체가 적용됨. CSS 클래스 적용 App.css를 만들어 준 후 .gray-box { background: gray; width: 64px; height: 64px; } 위와 같이 css를 작성. import './App.css'; 위와같이 임포트 해준 후 와 같이 작성해주면 CSS가 적용됨 2020. 8. 9. 이전 1 다음