728x90
Lazy, Eager 한 줄 요약 지연로딩, Lazy 필요한 시점에 연관된 데이터를 불러오기 즉시로딩, eager 연관된 데이터를 한 번에 불러오기 JAVA Persistence API 대부분 join을 이용해 SQL 한 번으로 조회한다 JPA에서 테이블 간 연간 관계는 객체의 참조를 통해 이루어진다 서비스가 커진다 > 참조하는 객체가 많아진다 > 객체가 가지는 데이터 양이 많아진다 DB로부터 참조하는 객체들의 데이터를 한꺼번에 가져오는 것은 비효율적이다 해결방안으로 참조하는 객체들의 데이터를 가져오는 시점을 정해버리자 Fetch Type JPA의 참조하는 개체들의 데이터를 가져오는 시점을 정하기 이 Fetch Type으론 Lazy방식과 Eager방식과 존재 Lazy, 지연로딩 로딩되는 시점에 Lazy로..
2021 동계 ETRI 연구 연수생 생활을 기록합니다. (보안상 진행되는 연구실 내 프로젝트 내용은 생략합니다. ) 커피로 시작하는 매일 아침 설날이 껴있으니 5주차의 근무는 이틀만 하면 끝났다. 그리고 4주차에 말한 것처럼 출세하여 떠난 언니. 안녕! (잘 지내죠?) 이 날 어쩌다보니 커피를 총 3번 얻어 먹었고, ... 익숙해지고 있어, 나 버릇 나빠지고 있었어 첫 번째 커피는 초코라떼 선임님이 모닝 커피하러 일어서는 우리에게 카드를 건네셨다. 두 번째 커피는 밥 먹고 아메리카노 러버 인턴 3인이 오랜만에 헤이즐넛시럽 추가로 통일해서 먹었다. 한 분이 '내가 살게요!' 하셔서 막내는 감사하게 받았다. 인턴 동기 언니(이 날은 아직 떠나기 전)는 항상 아메리카노셨는데 헤이즐넛 시럽의 달달함에 30분만에..
useContext context이용시, 트리 단게마다 명시적으로 props를 넘겨주지 않고도 컴포넌트가 값을 공유할 수 있다 useContext는 Context.Provider과 같이 사용된다 context를 써야하는 경우 예를 들어, 로그인한 유저, 테마, 선호하는 언어 등의 전역적 데이터를 공유할 때 (아래는 테마를 통한 예시) 기존 방식: 테마 인수를 명시적으로 넘겨주기 정보를 일일이 넘겨주고 있음 App > Toolbar > ThemedButton class App extends React.Component { render() { return ; } } function Toolbar(props) { return ( ); } class ThemeButton extends React.Componen..
useEffect함수 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록함 클래스형 컴포넌트에서 사용할 수 있었던 생명주기 메소드를 함수형 컴포넌트에서도 사용할 수 있게 되었음 useEffect() 작성법 useEffect(funtion, deps) fuction: 수행하고자 하는 작업 deps: 검사하고자 하는 특정 값에 대한 배열 혹은 빈 배열 *deps = dependency Component가 mount되었을 때 mount란 component가 가장 처음 렌더링 될 때다 deps위치에 [ ] 표기 혹은 배열표시 생략 예시코드 import React, {useEffect} from 'react'; useEffect( () => { //컴포넌트 화면에 가장 처음 렌더링 될 때, 한 번만..
1. useState() 함수형 컴포넌트에서 상태를 관리하기 2. 사용법 리액트 패키지에서 useState 함수를 불러온다 import Ract, {useState] from ‘react’; useState함수 호출을 통해 배열을 반환시킨다 const [상태 값 저장 변수, 상태 값 갱신 함수] = useState(상태 초기 값); 상태 값 갱신 함수, setNumber 라고 지정해줬다고 치자. 여기엔 업데이트 할 새로운 값을 넣어줄 수 있다. setNumber(number+1) 기존 값을 업데이트 하는 함수를 넣어줄 수 있다. setNumber(preNum ⇒ preNum +1) 3. 예시 import React, {useState} from 'react'; function InputTest() { c..
초기 코드index.html Co-kgyury Home Tistory Github Velog Youtube 1️⃣ 목록 만들기ul:UnOrdered List목록화 되어있음을 나타내기 위함.이 안에 카테고리 목록이 될 리스트들을 작성해주자아무 의미 없는 div로 각 영역을 나타내기보다, ul로 나타내주자(li>a)*5 로 단축시켜 다섯 개를 불러낼 수 있다. ..