String query = "select m from Member m "; List resultList = em.createQuery(query,Member.class).getResultList(); for (Member o : resultList) { System.out.println("Member " + o.getTeam().getName()); } 만약 위의 코드처럼 날렸을 경우 TEAM이 지연로딩으로 되어있을 경우 필요할 때마다 쿼리를 날리게 된다. 같은 team이라면 1번에 1차캐시로 소화되어 문제가 없겠지만 100개의 다른팀으로 표시 된다면 트래픽이 많이 발생할 것이다. 이럴경우 join fetch를 사용해야 한다. String query = "select m from Member m join..
어떤걸 컴포넌트로 만들면 좋은가? 1. 반복적인 html을 사용할 때 2. 큰 페이지들 3. 자주 변경되는 것들 단점 - state를 가져다 쓸 때에 다른 함수에 들어있으면 부를 수가 없다. //방식 1 const Modal = () => { return ( 제목 날짜 상세내용 ) } Modal = 'asd'; //const로 만들면 좋은 이유는 만약 다른 작업자가 실수로 Modal = 'asfas'로 바꾸어도 바뀌지 않음 //방식 2 function Modal(){ return( 제목 날짜 상세내용 ) }
function App() { let post = "강남 우동 맛집"; let [글제목,b] = useState("남자 코트 추천"); return ( 블로그임 {글제목} 2월 17일 발행 ); } 위처럼 useState라는 함수를 통해 데이터를 보관하며 [a,b] 중에 a를 중괄호에 넣어 {a}로 사용한다. state는 변경할 때에 b를 사용한다. b는 변경해주는 function이다. 주의할 점은 기존 변수가 신규 변수가 아닐 경우 변경이 안된다 그래서 let copy = [...글제목] 으로 카피문법을 사용한 후에 변경이 가능하다 참고 코드 import logo from './logo.svg'; import './App.css'; import { useState } from 'react'; funct..
.js 파일 안에서는 JSX를 사용한다. (그냥 html 쓴다고 생각하면 됌) 1 . JSX에서는 class는 문법이므로 실제로 html의 class 속성은 className으로 넣어줘야한다 2. 데이터를 저런 js문법으로 길게 값을 넣지 않고 {} 중괄호를 사용한다. 3. 만약 스타일을 넣으려면 이렇게 오브젝트 문법으로 넣어줘야 한다.(만약 font-size를 사용한다면 fontSize로 해야한다. 여기는 js이다 카멜케이스로 써줘야한다)
일단 node.js 를 설치한다 그 뒤에 바탕화면에 폴더를 만들고 폴더 우클릭 -> 터미널 열기를 클릭한다 그 뒤에 npx create-react-app (프로젝트명) 입력한다. npx create-react-app react_study 비주얼 스튜디오를 통해 다운받은 react 앱을 시작해보자 상단의 터미널 -> new 터미널을 열어준다 명령어로 npm start라고 입력 해준다. 방금 위에 한 것은 그냥 react코드를 쳐도 되지만, create_react_app이라는 라이브러리를 받아서 쓰는 것이 시간이 훨씬 절약된다.(이게 일반적인 방법이랜다) https://create-react-app.dev/ Create React App Set up a modern web app by running one ..
function 등록해서 사용하기 public class MyH2Dialect extends H2Dialect { //function 등록 public MyH2Dialect() { registerFunction("group_concat",new StandardSQLFunction("group_concat", StandardBasicTypes.STRING)); } } persistence.yml에 등록해준다. String query = "select function('group_concat',m.username) from Member m "; List resultList = em.createQuery(query).getResultList(); 이렇게 사용이 가능해진다.
- Total
- Today
- Yesterday
- HTTP
- 향해플러스
- 향해99
- BindingResult
- react실행
- 스프링공부
- reject
- 인터셉터
- 컨트
- filter
- 예외처리
- 백엔드 개발자 역량
- Intercepter
- exception
- 항해99
- JPA
- hypertexttransferprotocol
- 항해플러스
- SpringBoot
- React
- 스프링부트
- rejectValue
- 백엔드 개발자 공부
- 로그인
- 리터럴
- Java
- jpa api
- ArgumentResolver
- thymleaf
- 향해플러스백엔드
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |