조젤리의 개발일기

React를 이용해 img를 삽입하는 작업을 하다보니 img 부분에서 경고가 발생했다. alt를 넣지 않아서 생기는 경고인데 alt는 시각장애인을 위한 정보이다. 이를 작성하는게 code style에 도움이 된다. 고로 경고문을 해결하려면 img 에 alt를 삽입해주도록 하자. function Food({name , picture}) { return ( ); }

트렌젝션 데이터베이스의 상태를 변경하는 작업 또는 한번에 수행되어야 하는 연산들을 의미한다. begin, commit 을 자동으로 수행해준다. 예외 발생 시 rollback 처리를 자동으로 수행해준다. 트랜잭션은 4가지의 성질을 가지고 있다. 트렌젝션 처리방법 스프링에서는 간단하게 어노테이션 방식으로 @Transactional을 메소드, 클래스, 인터페이스 위에 추가하여 사용하는 방식이 일반적이다. 이 방식을 선언적 트랜잭션이라 부르며, 적용된 범위에서는 트랜잭션 기능이 포함된 프록시 객체가 생성되어 자동으로 commit 혹은 rollback을 진행해준다. @Transactional 옵션 1. isolation 트랜잭션에서 일관성없는 데이터 허용 수준을 설정한다 2. propagation 트랜잭션 동작 ..

공통 매핑 정보가 필요할 때 사용한다. 우선 이 어노테이션이 사용된 클래스는 1.엔티티가 아니다. 2.테이블과 매핑되지 않는다. 3.이 클래스의 역할은 부모 클래스를 상속 받는 자식 클래스에 매핑 정보만 제공한다. 4. 조회, 검색 불가하며 5.직접 생성해서 사용할 일이 없으므로 추상 클래스 권장한다. 정리 테이블과는 관계 없고, 단순히 엔티티가 공통으로 사용하는 매핑 정보를 모으는 역할이다. 주로 등록일, 수정일, 등록자, 수정자 같은 전체 엔티티에서 공통 으로 적용하는 정보를 모을 때 사용 @Entity 클래스는 엔티티나 @MappedSuperclass로 지 정한 클래스만 상속이 가능

2022-03-29 react 18이 릴리즈되었습니다. ReactDOM.render는 React 18에서 더 이상 지원되지 않습니다. 대신 createRoot를 사용하세요. 새 API로 전환할 때까지 앱은 React 17을 실행하는 것처럼 작동합니다. 자세히 알아보기: https://reactjs.org/link/switch-to-createroot react-dom: ReactDOM.render은 더 이상 사용되지 않습니다. 사용시 console창에 경고 발생하며, React 17 모드에서 앱을 실행합니다. 경고 화면 종속성 업그레이드 npm install react@rc react-dom@rc 렌더링 방법 변화 react 17 ->18 // before const container = document..

Spring Boot 초기 프로젝트를 Initializr를 통해서 생성 한 뒤 최초 실행 할 경우 다음과 같은 오류가 발생하면서 정상적으로 실행이 되지 않을 경우. Database에 연결할 때 필요한 정보가 없기 때문이다. 주로 스프링 프레임워크를 이용해 프로젝트를 구성하는 초기에 발생하는 문제이다. 간혹 모르고 application.properties 파일이나 application.yml 파일과 같은 설정 파일을 삭제하거나 위치를 옮겼을 때에도 볼 수 있는 현상이다. Maven 기준 pom.xml에 데이터베이스를 사용하기 위한 dependency가 존재하는 경우 @SpringBootApplication 에서 자동으로 데이터베이스 값을 설정하려고 시도하지만 사용자는 데이터베이스 값을 입력을 안했기에 발생..

Intellij 에서 GitHub 의 계정이 2개로 이용하기위해 올렸다가 처음 입력한 이메일로 계속 푸쉬되어 변겨해주었다. PS C:\Users> git config user.email 사용이메일 PS C:\Users> git config user.name 이름 이후 커밋시 설정이름과 이메일로 잘 올라간다.

해당 모듈 오른쪽 클릭 오픈 모듈 세팅에서 target오른쪽에 빨간색 없애주고 소스를 눌러서 인식하도록 변경

1. GET 요청 : URL을 입력해서 서버가 주는 데이터를 받아올 수 있다. 보통 웹페이지를 읽거나 데이터를 받아올 때 많이 사용. - URL에 여러가지 정보를 추가해서 서버로 원하는 데이터를 전송할 수도 있다. - 우리가 브라우저 주소창에 naver.com 이렇게 때려박는게 바로 GET 요청 방법 중의 하나 2. POST 요청 : 원하는 데이터를 서버로 전송할 수 있다. - 로그인하거나 블로그 글발행처럼 정보를 전송할 때 많이 사용한다. - GET요청처럼 URL에 정보를 추가하지않고 정보를 다른 곳에 숨겨서 전달한다. 근데 GET, POST 요청시 보통 페이지가 새로고침이 되는게 일반적인데, Ajax를 쓰시면 새로고침 없이도 GET, POST 요청을 보낼 수 있다.

REST의 정의 “Representational State Transfer” 의 약자 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미한다. 즉, 자원(resource)의 표현(representation) 에 의한 상태 전달 자원(resource)의 표현(representation) 자원: 해당 소프트웨어가 관리하는 모든 것 -> Ex) 문서, 그림, 데이터, 해당 소프트웨어 자체 등 자원의 표현: 그 자원을 표현하기 위한 이름 -> Ex) DB의 학생 정보가 자원일 때, ‘students’를 자원의 표현으로 정한다. 상태(정보) 전달 데이터가 요청되어지는 시점에서 자원의 상태(정보)를 전달한다. JSON 혹은 XML를 통해 데이터를 주고 받는 것이 일반적이다...

QueryDsl 에서 동적 쿼리를 해결하는 두가지 방식 1. BooleanBuilder 2. where절에 조건으로 사용 BooleanBuilder란? 쿼리의 조건 설정인 where뒤의 조건을 생성해주는 것이라고 생각하면 된다. 1. BooleanBuilder 를 통한 정적 쿼리 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 @Override public List findDynamicQuery(String name, String address, String phoneNumber) { BooleanBuilder builder = new BooleanBuilder(); if (!StringUtils.isEmpty(name)) { builder.and(academy.name.eq(nam..