99duuk

값 타입 객체상품은 고유한 pk 가지는 하나의 온전한 엔티티이고파일은 엔티티에 속해있는 데이터이다. JPA에서는 ‘값 타입 객체’ 컬렉션으로 처리할 때는 @ElementCollection을 활용한다. ‘값 타입 객체’는 엔티티와 달리 pk가 없는 데이터이다. @Embeddable 어노테이션 이용해서 해당 클래스의 인스턴스가 값 타입 객체임을 명시한다.   JPA에서는 엔티티와 값 타입 객체를 구분합니다. 엔티티는 고유한 식별자(Primary Key, PK)를 가지며 독립적으로 존재할 수 있는 객체입니다. 반면, 값 타입 객체는 엔티티에 속하며 고유한 식별자가 없습니다. 값 타입 객체는 엔티티의 속성으로 간주되며, 독립적으로 식별되지 않습니다.  [요약]@Embeddable 로 정의한다. @ElementC..

단순한 js함수 but jsx 반환 -> 컴포넌트 isLogginedIn 상태에 따른 메시지 렌더링  함수형 상태, 생명주기(Hooks) 메서드 가능단순 간결클래스형보다 가볍고 성능이 약간 나을수도 클라스형과 차이 : 작성 방식과 상태 관리 방식에 차이 but 동일하게 리액트에 의해 처리 돼 돔으로 랜더링  jsxjs코드 안에 html과 유사한 구문 사용할 수 있게 해줌실제로 js로 변환, React.createElement()호출로 변환   var, cond, undefined, style, classname, comment var : const 변수 사용   const name = "React";   Hello, {name}! 변수 사용하고, jsx 안에서 {name}으로 변수 참조 conditio..

function MyComponent() {  const [count, setCount] = useState(0); // count 상태 변수와 setCount 상태 업데이트 함수 선언   useEffect(() => {    document.title = `You clicked ${count} times`; // count가 변경될 때마다 실행되는 부수 효과  }, [count]); // count가 변경될 때만 useEffect 실행  useEffect(() => {    document.title = `You clicked ${count} times`; // count가 변경될 때마다 실행되는 부수 효과  }, [count]); // count가 변경될 때만 useEffect 실행  ==> useS..

■ index.html리액트가 렌더링되는 기본 html파일, 하나의 html 파일로 동작하는 단일 페이지 애플리케이션(SPA)의 루트 리액트가 여기에 필요한 js파일을 삽입 요소가 있으며, 여기에 React 컴포넌트가 렌더링 됨 ■ index.js 애플리케이션의 진입점(entry point) ReactDOM을 사용하여 App 컴포넌트를 에 렌더링  ■ index.js 메인 컴포넌트 파일, 다른 하위 컴포넌트 포함하고 애플리케이션 구조 정의 주요 레이아웃이나 라우팅 등을 설정  ■ App.js 메인 컴포넌트 파일다른 하위 컴포넌트를 포함하고, 애플리케이션 구조를 정의 레이아웃이나 라우팅 설정 ■ components/ChildComponents.jsApp.js 내에서 사용하는 자식 컴포넌트 파일하위 컴포넌트..

리액트에서 부모컴포넌트 자식컴포넌트는 부모가 열심히 일해서 벌어놓은 돈이나, 성실히 살아서 일군 성과들을 자식이 사용해 좋은 집에서 좋은 차를 타고 비싼밥 먹으며 다닌다고 생각하면 돼?  네, 리액트에서 부모 컴포넌트와 자식 컴포넌트의 관계를 설명하는 비유로 "부모가 열심히 일해서 벌어놓은 돈이나, 성실히 살아서 일군 성과들을 자식이 사용해 좋은 집에서 좋은 차를 타고 비싼 밥 먹으며 다닌다"고 하는 것은 적절한 비유입니다. 이 비유를 통해 부모 컴포넌트가 자식 컴포넌트에게 데이터를 제공하고, 자식 컴포넌트는 이를 활용하는 관계를 쉽게 이해할 수 있습니다.리액트에서의 부모-자식 관계데이터 제공:부모 컴포넌트는 자신의 상태나 데이터를 관리합니다.부모 컴포넌트는 이 데이터를 props를 통해 자식 컴포넌트에..