컴포넌트 리로드 기준 1) props: 부모 props가 변경이 되면 자식 컴포넌트가 리로드 2) state: 컴포넌트 안의 상태 값이 변경이 되면(useState를 통해 만든 값) 리로드 3) 부모 컴포넌트가 리로드 -> 자식 컴포넌트도 리로드 -하위 컴포넌트가 변경 사항이 없는 경우 다시 로딩하면 메모리 낭비 메모제이션 기법(캐싱) : React.mem...
![](https://velog.velcdn.com/images/zzzang_hyeon/post/45c3cf78-ce22-4419-805a-aad7a67c5668/i
: 깃허브 레포지토리회원 member-service - /api/v1/memberyarn create next-app@latest 프로젝트명yarn create next-app exam01 npm i -g next-appyarn dev : 개발 서버 실행yarn
줄개행을 처리하고 있던 중 한글은 줄 개행이 잘 되는데 영어는 잘 안되는 오류를 발견했다.스타일에서 해결할 수 있었다.영어나 끊어지지 않는 단어에서 사용하도록 하자.
우선 refer 을 사용하여 요청을 보낸 url 을 추출할 수 있었다.이렇게 추출한 url을 통해 iframe창을 이동 시킬 예정이였다. (해당 사진 아래 댓글 창이 iframe)그러나 댓글은 추가 되지만 url이 이동되지 않았다. 이유는 iframe에 target 설
JS에서 데이터를 사용해 ajax로 요청을 보낸다. controller에서 요청 정보를 받아 정보를 가공한 후, 응답을 보내면 다시 JS ajax에서 응답을 받아 가공한 정보(예) db 조회해서 다른 정보를 가져옴)를 사용할 수 있다. 그리고 이 정보들을 HTML(t
JS에서 획득한 데이터를 컨트롤러로 혹은 컨트롤러에서 가공한 파일을 JS파일로 이동시켜 정보를 사용해야 하는 경우가 있다. 이번 프로젝트에선 clickDeparturePoint 라는 JS 배열을 Controller에서 사용하고, 컨트롤러에서 위 배열을 사용해 viaPoints라는 JSON형태의 데이터를 JS파일로 가져와 사용해야했다. (ajaxLoad...
MSA에서 redirect: 를 사용하게 될 경우 GateWay 기준 포트번호로 이동하는 것이 아닌 Front 서버를 기준으로 이동하게 된다. 이렇게 될 경우 게이트웨이를 통해 접속하는 것이 아닌 프론트 서버에 직접 접근하는 것이기 때문에 config 서버 등 다른
의존성 querydsl jpa, apt //application.yml //prod //test ![](https://velog.v
redis 설치 ![](https://velog.velcdn.com/images/zzzang_hyeon/post/891fbeac-7a2e-4410-9
CONFIG ![](https://velog.velcdn.com/images/zzzang_hyeon/post/aaee3c3e-8d00-452d-
업로드 커맨드 객체에 파일 추가파일 업로드 전 처리//process이미지만 포함되어있어야함이미지가 아닌 경우 예외 발생 단일 파일업로드 인경우 기존 파일 삭제 후 새로운 파일 set/\*\* 1\. 파일 정보 저장 2\. 파일을 서버로
연관 관계 매핑 일대일(1:1) : @OneToOne 일대다(1:N) : @OneToMany 다대일(N:1) : @ManyToOne 다대다(N:M) : @ManyToMany 게시글 - 회원 (BOARD_DATA - MEMBER) 지연로딩 FetchType.EAGER
JSX 코드 이해하기 src/App.js JSX란? JSX는 자바스크립트의 확장 문법이며 XML과 매우 비슷하게 생김 이런 형식으로 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환됩니다. do
Auditing을 이용한 엔티티 공통 속성화 @MappedSuperclass AuditorAware 인터페이스 @EntityListeners @EnableJpaAuditing JPQL @Scheduled 1) fixedDelay 2) fixedRate 3) i
스프링 부트 1. 소개 2. 설정 context-path ='/' // 포트번호 변경 springboot dev tools - 서
타임리프 기본문법 1\. 타임리프의 주요 식(expression)1) 변수 식 : ${식...}2) 메세지 식 : 참고) fmt:setBundle <fmt:message key="메세지 코드">3) 링크 식 : @{링크} \- 컨텍스트 경로 추가 \-
REST(Representational State Transfer)\-JSON(JavaScript Object Notation) : 자바스크립트 객체 표기법\-{"이름":"값","이름":"값", ..}jackson-databindjackson-datatype-jsr31
스프링 파일 업로드(MultipartFile)1\. multipart란?web.xml 설정 MultipartFile 인터페이스@RequestpartaddResourceHandlers 설정파일 업로드 경로 -> 서버 접근 URL로 연결 프로필1\. @Profilespri
LocalDate, LocalTime, LocalDateTime ..형식이 일치 하지 않으면 예외 발생 \- 메세지 코드 typeMismatch @PathVariable : 경로 변수 컨트롤러 익셉션 처리하기1) @ExceptionHandler \- 발생 예외를 정