분류 전체보기 (359) 썸네일형 리스트형 간단한 CSS속성과 대응되는 값 정리 1. flex-direction: 자식 아이템들의 배치 방식과 관련된 속성이다. 값으로 row가 오면 왼쪽부터 오른쪽으로 차례로 배치되고, 값이 column이면 위에서 부터 아래로 배치된다.2. justify-content: 콘텐츠 항목 사이와 주위에 가로 공간을 분배하는 방법을 정의한다. 가로 축을 기준으로 좌우에 대한 정렬과 연관됨.flex-derection이 row(가로 배치)일때는 왼쪽에서부터, column(세로배치)일때는 위에서 부터정렬된다.다음은 justify-content속성의 값으로 올 수 있는 것들이다.space-between아이템들의 "사이(between)"에 균일한 간격을 만들어준다.ex) space-around아이템들의 "둘레(around)"에 균일한 간격을 만들어준다.justify.. Request processing failed; nested exception is java.lang.NullPointerException: Cannot invoke "java.lang.Integer.intValue()" because the return value of "com.flexy.boardback.respository.resultSet.GetBoardResultSet.getBoardNumber()" is null ==>> 요청 처리에 실패했습니다. 중첩 예외는 java.lang.NullPointerException입니다. "com.flexy.boardback.respository.resultSet.GetBoardResultSet.getBoardNumber()"의 반환 값이 null이므로 "java.lang.Integer.intValue()"를 호출할 수 없습니다. 드디어 나도 그 악명높은 NullPointerExeption을 만나게 되었다. 문제를 해결하기 위해서 https://flexyduck.tistory.com/499 이 내용에 대한 복습부터 한다.간단하게 요약하면 JPA에서 네이티브 쿼리를 사용해야 하는 상황이다. 아래의 코드처럼 쿼리문에는 board_number라고 되어 있고 GetBoardResul.. 내가 필요한 정보가 하나의 엔터티 객체안에 모두 담겨 있지 않을때, 어떻게 Repository클래스를 작성하나 구체적인 상황은 이렇다. 하나의 게시판 페이지 안에 들어가는 정보를 얻을 수 있는 데이터베이스에 작성해 놓은 DML문장을 보면 아래와 같다.위의 쿼리를 보면 Board테이블과 User테이블의 조인이 이루어져 있는데 백단의 Repository계층에서 JPA를 사용하여 저절로 생성되는 쿼리 메서드를 사용할 수 없는 상황이다.이 상황에서 사용할 수 있는 선택지가 네이티브 쿼리(SQL) 혹은 JPA에서 사용할수 있는 JPQL이다. 이 프로젝트에서는 SQL을 사용한다. FormData를 백단으로 전송하는데 있어서의 Unauthorized발생 에러. 그리고 FormData에 관하여. 내가 썻던 글: 제가 영상(42강)대로 fileUproadRequest, postBoardRequest API를 모두 작성해 주고 postman으로 게시글 제목, 게시글 내용, 이미지 파일을 post요청으로 했을때는 DB의 Board테이블과 Image테이블에 모두 post한 내용이 정상적으로 데이터가 쌓였습니다. 하지만 이상하게도 front화면에서 똑같이 내용을 입력하고 이미지 파일을 첨부하여 업로드 버튼을 클릭하니 이상하게도 게시글 제목, 내용은 정상적으로 board테이블에 데이터가 들어왔지만 image는 들어오지 않더라구요. 그리고 개발자 도구를 보니 401(Unauthorized)라는 오류가 뜬 것을 확인할 수 있었습니다. 그래서 구글링하다가 어찌어찌 axios의 post부분에 accessToken.. 게시물 작성페이지에서 본문내용 작성중 길어질 때 생기는 스크롤바 없애주기 아래와 같이 내용입력 중에 내용이 길어지면 저절로 스크롤바가 생기는 문제가 있다. 이것을 어떻게 없애줄까? KimsBoard프로젝트중 프론트의 img태그의 src속성으로 상대경로 값을 주어도 액박이 나는 문제 해결책을 제시하는글: https://velog.io/@ingdol2/React-image-%EA%B2%BD%EB%A1%9C-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0처음 문제 상황은 이러했다. 강의에서 이미지파일의 출처로 아래와 같이 인터넷 링크를 복붙하였다. 나는 이러한 것이 항상 인터넷이 연결되어야 한다는 제한사항때문에 꺼려졌다. 그래서 이미지를 그냥 내 폴더에 다운받은 후에 그 이미지 파일의 상대경로(혹은 절대경로)를 src속성의 값으로 주면 문제가 해결되겠거니 생각했다. 하지만 문제는 해결되지 않았다. 아직까지 정확히는 왜 그런지 모르겠다(빌드할시 경로가 달라져 css 모듈로 따로 불러와야 한다고 단톡방에서 조언을 들은 적이 있다). 하지만 위의 글대로 해당 파일을 impo.. React 서로다른 컴포넌트에서 공통된 상태를 필요로 할때 알기쉽게 정리한 @NoArgsConstructor @RequiredArgsConstructor @AllArgsConstructor 롬복을 사용하면 깔끔하게 getter, setter , 생성자 등등 만들어준다!근데 잘 모르고 사용하다 보면 에러가 발생할 수 있음. 주의하자.@NoArgsConstructor@RequiredArgsConstructor@AllArgsConstructorpublic class Board { @NotNull private Long idx; private String content;} @NoArgsConstructor기본 생성자를 생성해준다.이 경우 초기값 세팅이 필요한 final 변수가 있을 경우 컴파일 에러가 발생함으로 주의한다.@NoArgsConstructor(force=true) 를 사용하면 null, 0 등 기본 값으로 초기화 된다.Board board = new Board(); @.. 이전 1 2 3 4 5 ··· 45 다음
