2025/01/04 2

[React] 클래스형 컴포넌트의 bind() + 대안

React에서 클래스형 컴포넌트를 학습하며 bind() 학습에 많은 시간이 들었습니다.bind()를 학습하며 해소한 어려움을 잊지 않기 위해 기록합니다.STEP 1. 클래스형 컴포넌트의 bind()class Toggle extends React.Component { constructor(props) { super(props); this.state = { isToggleOn: true }; // 초기 상태 설정 // 이벤트 핸들러에서 `this`를 바인딩 this.handleClick = this.handleClick.bind(this); } handleClick() { // prevState를 사용해 상태를 업데이트 ..

[javascript] Java와 Js의 객체의 차이 // Js의 클래스, 프로토타입, prototype 기반 언어인 이유

Javascript를 학습하다보면 객체를 빼놓을 수 없습니다.저는 주로 Java를 주로 사용합니다. Java에서도 객체는 빠질 수 없는 개념이며 객체 기반으로 동작하게 됩니다.이는 객체 지향 프로그래밍을 가능하게 합니다. 즉, 만들어진 객체를 서로 상호작용하게 하여 프로그래밍을 동작할 수 있도록 해줍니다.Javascript의 메커니즘도 같습니다. 객체를 만들어 여러 곳에서 사용할 수 있게 합니다. 하지만 Javascript는 proto type 기반 언어라고 이야기하는데 객체와 더불어 클래스를 이해하고 Java와 Javascript의 차이에 대해 정리하겠습니다. (호이스팅에 대해서는 다루지 않습니다.)STEP 1. 객체STEP 1-1. Java의 객체public class Person { priv..

Language/Javascript 2025.01.04