반응형 Java47 [Java] 클래스(Class)란? 아주 쉽게 그림으로 정리(+코드) 이 글은 객체(Object)와 인스턴스(Instance)가 무엇인지에 대해 설명하지 않습니다. 객체(Object)와 인스턴스(Instance)에 대해서는 아래에 설명해두었습니다.정말 알기 쉽게 정리한 객체란? 인스턴스란? 📄 클래스 (Class)란?클래스는 객체를 생성하기 위한 '틀' 또는 설계도입니다.클래스는 객체가 가져야 할 속성(변수)과 기능(메서드)를 정의합니다.예를 들어 붕어빵이라는 클래스는 속성으로 재료, 소스를 가집니다. ❓ 붕어빵 틀과 붕어빵의 관계붕어빵 틀은 붕어빵이 아닙니다!이렇게 생긴 붕어빵이 나왔으면 좋겠다고 만드는 틀일 뿐입니다.실제 먹을 수 있는 것이 아닙니다. 실제 먹을 수 있는 팥 붕어빵을 객체 또는 인스턴스라 합니다. ❓ 자동차 설계도와 자동차자동차 설계도는 자동차가 .. 2024. 10. 16. [ React ] Cannot read properties of null (reading 'map') 오류 원인 및 해결 방법 💥 Chrome 개발자 도구에서 발생한 에러 메시지Uncaught TypeError: Cannot read properties of null (reading 'map') ❓에러 발생 이유현재의 오류 메시지는 null 타입의 변수를 대상으로 map 메서드를 사용했을 때 나타나는 오류 메시지입니다. 👉 React의 렌더링 흐름아래 코드에서 console.log를 통하여 users를 출력해 보겠습니다.import React, { useEffect, useState } from "react";function UserPage() { const [users, setUsers] = useState(null); useEffect(() => { fetch("https://jsonplaceholder.typi.. 2024. 10. 14. [ React ] Uncaught TypeError: users.map is not a function 오류 해결 방법 💥 Chrome 개발자 도구에서 발생한 에러 메시지Uncaught TypeError: users.map is not a function ❓에러 발생 이유JavaScript의 map 메서드는 Array 타입의 변수를 대상으로 실행되는 함수입니다.하지만 Array 타입이 아닌 자료형의 변수를 대상으로 해당 메서드를 사용할 경우에 나타나는 오류 메시지입니다. 👉 React의 렌더링 흐름아래 코드에서 console.log를 통하여 users를 출력해 보겠습니다.import React, { useEffect, useState } from "react";function UserPage() { const [users, setUsers] = useState(""); useEffect(() => { fetc.. 2024. 10. 14. [React] Warning: Encountered two children with the same key 오류 해결 방법 🚨 Chrome 개발자 도구에서 발생한 에러 메시지Warning: Encountered two children with the same key, `1`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version. ❓에러 발생 이유React 엘리먼트 혹은 React 리스트 엘리먼트에서 key 값의 중복이 발생하게 되면서 나타나는 에러 메시지입니다.React는 엘리먼트를 렌더링 할 때.. 2024. 10. 11. 이전 1 2 3 4 5 6 7 8 ··· 12 다음 반응형
