프로젝트/KimsBoard (15) 썸네일형 리스트형 내가 필요한 정보가 하나의 엔터티 객체안에 모두 담겨 있지 않을때, 어떻게 Repository클래스를 작성하나 구체적인 상황은 이렇다. 하나의 게시판 페이지 안에 들어가는 정보를 얻을 수 있는 데이터베이스에 작성해 놓은 DML문장을 보면 아래와 같다.위의 쿼리를 보면 Board테이블과 User테이블의 조인이 이루어져 있는데 백단의 Repository계층에서 JPA를 사용하여 저절로 생성되는 쿼리 메서드를 사용할 수 없는 상황이다.이 상황에서 사용할 수 있는 선택지가 네이티브 쿼리(SQL) 혹은 JPA에서 사용할수 있는 JPQL이다. 이 프로젝트에서는 SQL을 사용한다. 게시물 작성페이지에서 본문내용 작성중 길어질 때 생기는 스크롤바 없애주기 아래와 같이 내용입력 중에 내용이 길어지면 저절로 스크롤바가 생기는 문제가 있다. 이것을 어떻게 없애줄까? React 서로다른 컴포넌트에서 공통된 상태를 필요로 할때 Postman 요청 사용방법 정리 KimsBoard(4000)회원가입 요청KimsBoard(4000)로그인 요청 KimsBoard(4000)로그인 유저정보 받아오기 요청(오른쪽 Documentation에서 설명 볼수 있음): 로그인하여 얻어온 토큰 값 Authorization 탭의 Bearer Token타입으로 설명하고 Token값 입력 KimsBoard(4000)파일업로드 요청 : 기본적으로 로그인하여 토큰값을 가지고 있고 Authorization 탭에서 Bearer Token으로 설정하고 토큰값을 입력해 놓아야 한다. 아래와 같이 Body에는 form-data로 선택하여 업로드 하고자 하는 파일을 선택해 준다. KimsBoard(4000)서버로부터 파일 가져오기(GET): 기본적으로 파일을 upload했을시에 서버에 저장된 파일의.. 서버의 프롬프트에 출력되는 고정된(Default)에러를 내가 관리하는 에러로 바꾸기 로그인시 암호 또는 페스워드에 아무 것도 입력하지 않을시 서버측에서 이러한 잘못된 리퀘스트를 받았을때 내뱉는 에러가 있다. 그 에러는 다음과 같으며 여기서는MethodArgumentNotValidException라고 나오는 경우이다. 이러한 경우 웹 브라우저의 개발자 도구에는 전형적인 예외인 Bad Request에러가 나오게 된다.이러한 전형적인 예외가 아닌 내가 이미 지정한 예외를 반환시키기 위해서 아래와 같이 예외를 따로 처리하는 폴더를 만들고(exception)그 안에 클래스를 하나 만들고(BadRequestExceptionHandler) 그 클래스에 @RestControllerAdvice, @ExceptionHandler 와 같은 어노테이션을 추가 해준다. IDE에 뜬 에러와 같은 MethodA.. 기능(Service)를 구현한다는 것의 의미와 Spring 의존성 주입 복습 SignUP기능을 구현한다는 것은 User테이블에 데이터를 넣는 작업을 가능하도록 한다는 것. 이것이 가능하기 위해서는 repository폴더에 있는 UserRepository클래스와 연관시켜 작업을 해주어야 함 =============================================================================복습. Spring의 의존성 주입에는 3가지 방법이 있고 각 방법에 @Autowired를 붙여준다(생성자에 @Autowired가 있으면 스프링이 연관된 객체를 스프링 컨테이너에서 찾아서 넣어준다. 이렇게 객체 의존관계를 외부에서 넣어주는 것을 DI (Dependency Injection), 의존성 주입이라 한다.).1. 생성자를 통한 의존성주입2. 멤버변수(필.. 라우터 설계를 위한 기초 설정 //아래 description들은 라우터설계를 위한 사전작업. //description: 메인 화면 :'/' - Main // 메인화면의 경우 경로는 '/'로 설정된다. 컴포넌트의 이름은 Main이 된다.// //description: 인증과 관련된 회원가입과 로그인 페이지 : '/auth' - Authentication // //description: 검색화면 : '/search/:searchWord' - Search // // description: 유저 페이지: '/user/:userEmail' - User // // description: 게시물 상세보기 : '/board/:boardNumber' - BoardDetail//(여기서 BoardDetail은 컴포넌트 이름임) // d.. 폰트적용 방법 눈누라는 사이트에서 폰트를 적용할 때는 그냥'웹폰트로 사용' 란에 있는@font-face { font-family: 'GimhaeGayaR'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2202-2@1.0/GimhaeGayaR.woff') format('woff'); font-weight: normal; font-style: normal;}코드를 그냥 index.css에 복붙하면 되었다. 그런데 구글 폰트는 이런 형식으로 주워지지 않고이와 같이 HTML형식으로 주워져서 어떻게 할지 당황스러웠다. 하지만 혼동할 필요없다. 당신의 html의 부분에 코드를 삽입하라고 나와있지 않은가? 그래서 그냥 내 프로젝트의 i.. 이전 1 2 다음
