코딩 55

[Springboot] '심볼 'lombok'를 해결할 수 없습니다' 오류 해결

🚨 심볼 'lombok'를 해결할 수 없습니다 오류의 원인은 정확하게 모르겠지만 잘 실행되던 스프링부트 프로젝트가 갑자기 lombok 어노테이션 사용하는데 빨간 줄이 생기면서 문제가 생겼다ㅠㅠ 🔎 해결 방안 해결 방안은 아주 간단한데 그냥 lombok 버전만 변경해주면 된다 나는 사진처럼 1.18.26 버전으로 변경하니까 오류를 해결할 수 있었다 +) 추가적으로 구글링하면서 다른 해결 방안도 있었는데 build.gradle 파일의 dependencies에 annotationProcessor 'org.projectlombok:lombok' 를 추가하는 것이다 ❓ annotationProcessor? 컴파일 단계에서 annotation에 정의된 일렬의 프로세스를 동작하게 하는 것을 의미한다. 컴파일 단계에서..

SpringBoot 2023.10.31

[React] "React component names must start with an uppercase letter ~ " 오류 해결

리액트 프로젝트 중 const navigate = useNavigate();를 사용하려고 하는데 React component names must start with an uppercase letter ~ 오류가 발생했다 원인과 해결 방안은 아주 간단한데 매번 깜빡하고 리액트 프로젝트할 때마다 발생했던 오류라서 정리해야겠다 싶었음 🚨 리액트 컴포넌트가 소문자로 시작해서 생긴 오류 리액트는 대문자로 시작하는 태그를 리액트 컴포넌트로 인식하고 소문자로 시작하는 태그는 HTML 태그로 인식한다. 따라서 소문자로 시작하는 컴포넌트에서 useNavigate()를 선언해서 발생한 오류이다. 🔎 해결 방안 그냥 컴포넌트를 대문자로 시작하도록 변경해주면 된다!

React 2023.10.03

[Springboot] swagger 적용 및 발생 오류 정리

1. 환경 설정 build.gradle 파일에 추가 implementation group: 'io.springfox', name: 'springfox-swagger-ui', version: '2.9.2' implementation group: 'io.springfox', name: 'springfox-swagger2', version: '2.9.2' 2. SwaggerConfig 파일 생성 @Configuration @EnableSwagger2 public class SwaggerConfig { @Bean public Docket api() { return new Docket(DocumentationType.SWAGGER_2) .apiInfo(apiInfo()) .securityContexts(Array..

SpringBoot 2023.09.20

[React Native] 'react-native-vector-icons' 사용해서 아이콘 출력하기

🚨 아이콘 출력 오류 원하는 아이콘이 제대로 출력되지 않고 물음표(?)로 뜨고, 콘솔창에 오류 메시지가 출력됨 🔎 해결 방안 * 안드로이드 기준입니다! 1) android/app/main/asseets/fonts 폴더 생성 2) node_modules 아래에 있는 모든 ttf 파일을 1번에 생성한 폴더 아래로 이동한다 → 나의 경우 1,2번 과정을 하지 않아 아이콘이 제대로 출력되지 않았음 * 1번 사진 참고 3) 아래 사이트에서 원하는 아이콘 선택 https://oblador.github.io/react-native-vector-icons/ react-native-vector-icons directory oblador.github.io 4) 리액트 네이티브 프로젝트에 아래 코드 추가 ex. AntDes..

React 2023.09.19

[Spring Boot] 게시글 페이징 기법 정리

❓ 페이징 기법 수많은 자료 데이터를 일정 크기로 나누어서, 나누어진 하나하나의 집단에 페이지 번호를 부여하는 방식 - 정해진 개수와 원하는 영역의 게시판 데이터를 출력하여 가독서오가 자원 낭비 문제 개선 더보기 참고 > https://thalals.tistory.com/246 [Spring] 스프링 부트 페이지네이션 (Query, JPA, offset / cursor 페이지네이션) 페이지네이션을 구현해보자!! spring boot 의 JPA를 이용해서 구현을 할 예정이다 페이지네이션을 구하기 위해서는 요롷게 3가지를 생각해 주어야한다. view size : 한페이지에 보여줄 개수 total page : thalals.tistory.com 1. Repository Page findAll(Pageable ..

SpringBoot 2023.08.22

[React Native] viroreact 라이브러리 사용 및 오류 해결

❓ ViroReact AR 및 VR을 빠르게 구축할 수 있는 라이브러리 https://github.com/ViroCommunity/viro GitHub - ViroCommunity/viro: ViroReact: The AR and VR library for React Native 📳🖤💙💛 ViroReact: The AR and VR library for React Native 📳🖤💙💛 - GitHub - ViroCommunity/viro: ViroReact: The AR and VR library for React Native 📳🖤💙💛 github.com ViroCommunity랑 ViroMedia가 있는데 ViroCommunity가 비교적 최신 버전인 것 같다 Community를 권장! 기존 프로젝트에..

React 2023.08.13

[Spring boot] NullPointException 오류 해결

🚨 Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is java.lang.NullPointerException] with root cause 원인! 계속 위에 사진처럼 메시지가 뜨면서 NullPointException 오류가 뜨는데 오탈자가 있나 싶어서 하나하나 다 확인했지만 그래도 해결을 못하고 있었는데.. 구글링해보니 나랑 똑같은 오류가 계속 뜨는 사람이 있었고 해당 게시글을 참고해서 오류를 해결할 수 있었다ㅠㅠ 일단 결론은 private final FreeCommentRepository freeComment..

SpringBoot 2023.08.11

[Spring boot] BCryptPasswordEncoder 사용할 때마다 인코딩 결과가 달라질 때

🚨 BCryptPasswordEncoder 사용할 때마다 인코딩 결과가 달라지는 원인 비밀번호 변경 기능 테스트를 작성하며, 처음에는 단순히 Assertions.assertEquals를 사용해서 변경하고자 하는 비밀번호와 비밀번호 변경한 후 user 객체에 저장된 비밀번호를 비교하는 식으로 했는데 계속 오류가 떠서 몇 분이나 붙잡고 있었다..ㅠ 그런데 로그 기록을 보면 똑같은 비밀번호를 인코딩했는데 두 개의 결과가 다른 것을 확인할 수 있다 결론은 BCryptPasswordEncoder는 매번 내부적으로 임의의 salt를 이용해 다이제스트를 만들고 있는데 이러한 이유로 인코딩 할 때마다 매번 다른 값이 나오는 것이다! 참고 > https://shanepark.tistory.com/427 BCryptPas..

SpringBoot 2023.08.02

[Spring boot] 게시글 수정 기능 구현하면서 발생한 오류 정리

1. Missing URI template variable for method 컨트롤러에서 URI에서 받아오는 변수명과 PathVariable에 사용한 변수명이 달라서 발생한 문제 이런식으로 URI에 {post_id}와 @PathVariable int post_id처럼 이름을 맞춰준다! * 받아오는 변수가 하나라서 그냥 변수명 앞에 @PathVariable만 추가해주면 되는데 여러 개라면 @PathVariable("post_id") https://mand2.github.io/spring/spring-boot/1/ spring.jpa.open-in-view 로그 오류 해결하기 :: 고라니의 개발일기🦌 spring.jpa.open-in-view 로그 오류 해결하기 2019-09-27 1. 문제상황 : 왜 로..

SpringBoot 2023.07.26

[React Native] React Native CLI + 안드로이드 스튜디오 실행

1. 기본적으로 설치해야 하는 것 - Node.js - Python - JDK - 안드로이드 스튜디오 (윈도우에서는 안드로이드만 확인할 수 있다고 하네요ㅠㅠ) 2. Android SDK 'Tools - SDK Manager' 에서 설치가 필요한 SDK는 아래 사이트 참고 https://myung-ho.tistory.com/70 [React Native] Windows에서 React native 환경 구축부터 실행까지 React Native로 개발하는 방법으로는 expo와 React Native CLI가 있습니다. Expo : - react native를 처음 사용할 때 좋음. - native 기능 제공 (위치정보, 카메라 등) - Xcode 또는 Android Studio 없이 시뮬레이터 사용 myung..

React 2023.07.26