반응형 spring26 [Java] 클래스(Class)란? 아주 쉽게 그림으로 정리(+코드) 📄 클래스 (Class)란?클래스는 객체를 생성하기 위한 '틀' 또는 설계도이다.클래스는 객체가 가져야 할 속성(변수)과 기능(메서드)를 정의한다.예를 들어 붕어빵이라는 클래스는 속성으로 재료, 소스를 가진다. 붕어빵 틀과 붕어빵의 관계붕어빵 틀을 생각해 보자.붕어빵 틀은 붕어빵이 아니다!이렇게 생긴 붕어빵이 나왔으면 좋겠다고 만드는 틀일 뿐이다.실제 먹을 수 있는 것이 아니다.실제 먹을 수 있는 팥 붕어빵을 객체 또는 인스턴스라 한다.정말 알기 쉽게 정리한 객체란? 인스턴스란? 자동차 설계도와 자동차자동차 설계도를 생각해 보자.자동차 설계도는 자동차가 아니다!설계도는 실제 존재하는 것이 아니라 개념으로만 있는 것이다.설계도를 통해 생산한 실제 존재하는 검은색 K5 모델 자동차를 객체 또는 인스턴스라.. 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. 알기 쉽게 정리한 JSX란? JSX란?JavaScript에 HTML 태그를 끼얹은 문법HTML 태그 안에선 중괄호({})를 사용해서 JS를 쓸 수 있다.JavaScript의 공식 문법이 아니며, JavaScript의 확장 문법이다.아래와 같이 JavaScript 문법 (const title)에HTML () 태그를 끼얹은 JavaScript의 확장 문법입니다.const count = 1;const title = {count}번째 게시물 리액트 엘리먼트란? 예시 코드const count = 1;const title = {count}번째 게시물 위 title 변수에 담은 태그는 리액트 엘리먼트라고 부릅니다. 즉, 리액트에서 UI를 렌더링 하기 위한 가장 작은 단위입니다. 참고로 브라우저는 JSX 문법을 알지 못합니다.그렇기 때문에 아.. 2024. 10. 8. 이전 1 2 3 4 5 6 7 다음 반응형
