https://d2.naver.com/helloworld/2690975 해당 글을 읽고 알게된 내용에 대해 정리하는 글입니다. JSX 로 선언된 표현식은 React 엘리먼트라는 객체로 치환됩니다.React 엘리먼트는 일반 객체입니다. (클래스 인스턴스가 아님) -> JSX 가 표현식이 치환된 객체이므로 태그 이름, 어트리뷰트 및 값, 자식 등의 정보가 있을 것이라 유추할 수 있습니다. native DOM 에 React 엘리먼트를 렌더링하기 위해서는 루트를 생성해야 합니다.React 엘리먼트는 native DOM 에 바로 렌더링 할 수 없고 루트를 통해 렌더링해야 합니다.React 엘리먼트를 업데이트하려면 생성과 유사하게 새로운 React 엘리먼트를 생성하고 루트를 통해 렌더링해야 합니다. N 개의 엘리먼..
예를 들어 컴포넌트의 경우 리액트에서 제공하는 상태를 통해 관리하고 있지 않기 때문에 비제어 컴포넌트 입니다. 만약 defaultValue 를 통해 초기 값을 전달한다고 하더라도JSX 는 initial value 를 보여줄뿐 현재 값이 무엇이여야 하는지 제어하지는 않습니다. 제어 컴포넌트로 렌더링 하려면 value 라는 props 를 전달하세요 React는 입력이 항상 전달한 값을 가지도록 강제할 것입니다. 제어 컴포넌트로 전달되는 value 는 undefined 나 null 이 될 수 없습니다.만약 초기 값으로 빈 값을 전달하고 싶다면 빈 스트링 으로 상태를 초기화해야 합니다. 만약 onChange 없이 value 를 전달한다면 input 컴포넌트에 무언가를 타이핑 할 수 없습니다.Input 에 va..
해당 내용은 잘못된 정보를 포함하고 있을 수 있습니다. 앞 내용에 대해 이야기하기 앞서 시간대에 대한 정의가 우선적으로 되어야 할 것 같습니다. 그리니치 평균 시(GMT, Greenwich Mean Time)그리니치 천문대를 기점으로 하는 협정 세계시입니다. 협정 세계시(UTC, Coordinated Universal Time)세슘 원자 진동수를 기반으로 측정합니다.기술적인 표기에는 UTC를 사용합니다. 시간대360도를 24로 나누면 15도 당 1 시간경도 15도 단위로 한 시간씩 차이가 납니다.대한민국 시간대(KST, Korean Standard Time) 는 경도 135도 를 기준으로 UTC+9 에 속합니다. ISO 8601날짜와 시간과 관련된 데이터 교환을 다루는 국제 표준입니다.표준 내에서 특정 ..
기본적으로 경로가 정적으로 렌더링되고 사용자가 선택을 거부하지 않는 한 데이터 요청이 캐시됩니다.아래 다이어그램은 빌드 시점에 경로가 정적으로 렌더링 되는 경우와 정적 경로가 처음 방문되는 경우의 기본 캐시 동작을 보여줍니다. Request MemoizationReact 는 fetch API 를 확장해 URL 과 옵션이 동일한 요청의 경우 자동으로 메모합니다.즉, React component tree 의 여러 곳에서 동일한 데이터에 대한 fetch 함수에 대해 한 번만 실행할 수 있습니다. 예를 들어 경로(레이아웃, 페이지와 여러 구성 요소) 에서 동일한 데이터를 사용해야 하는 경우트리 상단에 있는 데이터를 가져와 구성 요소 간에 props 로 전달할 필요가 없습니다. 동일한 데이터에 대해 네트워크를..
간만에 마인크래프트 플러그인을 다시 개발해보는데요관련된 버전들이 새로 업그레이드 된 것 같아 셋팅 부터 다시 시작해보도록 하겠습니다. https://www.spigotmc.org/threads/spigot-bungeecord-1-21-2-1-21-3.667019/ Spigot 공식 포럼을 확인하면 Spigot 의 버전이 1.21.3 으로 변경된 것 같습니다.자바의 경우에도 저는 기존에 JDK 21 을 사용하고 있었으나 JDK 23 을 사용할 수 있을 것 같아 업그레이드 했습니다. https://www.oracle.com/kr/java/technologies/downloads/ Download the Latest Java LTS FreeSubscribe to Java SE and get the most c..
이 글의 내용은 자바의 정석 을 기반으로 합니다.이 카테고리는 마인크래프트 플러그인 개발에 포커스를 둡니다. Java의 정석 | 남궁성 - 교보문고 (kyobobook.co.kr) Java의 정석 | 남궁성 - 교보문고Java의 정석 | 자바의 기초부터 실전활용까지 모두 담다!자바의 기초부터 객제지향개념을 넘어 실전활용까지 수록한『Java의 정석』. 저자의 오랜 실무경험과 강의한 내용으로 구성되어 자바를product.kyobobook.co.kr이번에는 6장의 객체지향 프로그래밍 I 에서 조금 더 객체지향에 가까운 내용들에 대해 배워보도록 하겠습니다. 상속(Inheritance)이란 ?상속이란 기존의 클래스를 재사용하여 새로운 클래스를 작성하는 것입니다.이러한 상속은 코드를 공통적으로 관리할 수 있기에 중..
에러는 에샹한 에러와 예샹하지 못한 에러로 나누어 진다고 합니다. 예상한 에러의 경우 서버 액션에서는 try/catch 의 사용을 피하고 useFormState 를 통해 에러를 매니징 하고클라이언트에게 돌려주라고 합니다. 예상하지 못한 에러의 경우 error.tsx 와 global-error.tsx 파일을 사용해 에러 바운더리를 사용하고 fallback UI 를 제공하라고 합니다. Uncaught Exceptions이러한 에러의 경우에는 정상적인 플로우에서는 발생할 수 없고 throwing errors 를 통해 핸들링 되며에러 바운더리에 잡힌다고 합니다. Common : 루트 레이아웃의 error.js 파일에서 핸들링Optional : 중첩된 error.js 파일에서 핸들링Uncommon : 루트 레이..
Server and Client Composition PatternsReact application 을 설계할 때 어떤 부분은 서버에서 어떤 부분은 클라이언트에서 렌더링될지 고민할 필요가 있습니다. When to use Server and Client Components ? Server Component PartternsSharing data between components서버에서 데이터를 패칭할 때 다른 컴포넌트들에게 데이터를 공유할 필요가 있습니다.예를 들어보자면 레이아웃과 페이지가 동일한 데이터에 의존하고 있을 수가 있습니다. 서버에서 사용할 수 없는 React Context 나 Props 를 넘기는 것 대신에 fetch 또는 React 의 cache 를 통해같은 데이터를 위해 중복적인 데이터 요..
