본문 바로가기

분류 전체보기

 (380)
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();  @..
Postman 요청 사용방법 정리 KimsBoard(4000)회원가입 요청KimsBoard(4000)로그인 요청 KimsBoard(4000)로그인 유저정보 받아오기 요청(오른쪽 Documentation에서 설명 볼수 있음): 로그인하여 얻어온 토큰 값 Authorization 탭의 Bearer Token타입으로 설명하고 Token값 입력 KimsBoard(4000)파일업로드 요청 : 기본적으로 로그인하여 토큰값을 가지고 있고 Authorization 탭에서 Bearer Token으로 설정하고 토큰값을 입력해 놓아야 한다.  아래와 같이 Body에는 form-data로 선택하여 업로드 하고자 하는 파일을 선택해 준다.  KimsBoard(4000)서버로부터 파일 가져오기(GET): 기본적으로 파일을 upload했을시에 서버에 저장된 파일의..
@PathVariable, @RequestParam 에 대하여 출처: https://woogienote.tistory.com/104출처: https://ittrue.tistory.com/243@PathVariable이란? @RequestParam 이란?@RequestParam스프링은 HTTP 요청 파라미터를 @RequestParam으로 받을 수 있다.@RequestParam은 파라미터 이름으로 바인딩하는 방법이다.스프링이 제공하는 @RequestParam을 사용하면 요청 파라미터를 매우 편리하게 사용할 수 있다.만약 요청 파라미터에 username과 age가 있다고 가정한다. 예전 방식@RequestMapping("/save")public ModelAndView save(HttpServletRequest request, HttpServletResponse respo..
@Requestbody, @ResponseBody에 대하여 출처: https://cheershennah.tistory.com/179@RequestBody 어노테이션과 @ResponseBody 어노테이션이 각각 HTTP요청 바디를 자바객체로 변환하고 자바객체를 다시 HTTP 응답 바디로 변환해준다. 요청 본문(request body)에 담긴 값을 자바객체로 변환. @RequestBody를 통해서 자바객체로 conversion을 하는데, 이때 HttpMessageConverter를 사용한다. @ResponseBody 가 붙은 파라미터에는 HTTP 요청의 분문 body 부분이 그대로 전달된다.RequestMappingHandlerAdpter 에는 HttpMessageConverter 타입의 메세지 변환기가 여러개 등록되어 있다.  @RequestBody 이 어노테이션..

티스토리툴바