[React] 조건부 렌더링 2
2023. 4. 13. 20:58
프로그래밍/React
리액트 조건부 렌더링 간단한 예시와 설명 이전에 삼항 연산자처럼 작동하는 조건부 렌더링에 대해 적어보았음 간단하게 정리하자면 값이 true인지 false인지 여부에 따라 렌더링을 다르게 했음 이러한 조건부 렌더링은 로그인인지 아닌지에 따라 로그인, 로그아웃 버튼을 보여주고 싶은 경우 사용 가능함 그렇다면 조건이 참일때만 작동하고 false인 경우 렌더링하고 싶은 내용이 없다면? 예시 import React from 'react'; function App() { // 생략... return ( {type === 2 && ( Welcome ) ); } 어떤 타입이 있어서 type이 2인 경우에만 Welcome을 렌더링 하고 싶은 경우 && 으로 작성해주면 됨
[Java] 생성자 대신 정적 팩토리 메서드 사용하기
2023. 4. 12. 20:21
프로그래밍/JAVA
생성자 대신 정적 팩토리 메서드 사용법과 사용하는 이유 생성자는 클래스에서 객체를 생성할 때 호출되는 메서드 정적 팩토리 메서드는 객체를 생성하기 위해 클래스에서 제공하는 정적 메서드 생성자와 정적 팩토리 메서드 사용법 생성자 public class Person { private int value; public Person(int value) { this.value = value; } } 정적 팩토리 메서드 public class Person { private int value; private Person(int value) { this.value = value; } public static Person createPerson(int value) { return new Person(value); } } ..
[JPA] Repository find 와 entityManager로 조회하는 것의 차이점
2023. 4. 11. 20:06
프로그래밍/JPA
Repository find 와 entityManager로 조회하는 것의 차이점 기본적으로 Repository를 사용하면 JpaRepository를 상속받은 인터페이스를 사용하기에 EntityManager가 자동으로 주입됨 그렇다면 entityManager로 조회하는 것과 repository로 조회하는 것의 차이가 없는 것 아닐까? 기본적으로는 맞음 memberId로 Member Entity 객체 조회하기 하지만 나의 경우와 같이 memberId로 Member 객체를 조회하는 경우는 조금 다를 수 있음 orderRepository.findByMemberMemberId(1L) 을 실행하면 Spring Data JPA에서 제공하는 메소드를 이용한 조회 방식 Order 엔티티와 Member 엔티티가 연관되어 ..
[JPA] JPA Entity Id를 String 으로 설정하기
2023. 4. 10. 23:08
프로그래밍/JPA
JPA Entity Id를 String 으로 설정하기 사실 entity id 를 String 타입으로 설정할 수 있는가? 에 대해 너무 당연하게 생각할 수도 있으나 조회시에 repository 설정때문에 못찾는 경우를 봤기에 이렇게 작성하게 되었음 Entity에 Id를 String 타입으로 설정하기 String 타입 외에 어떤 타입이든 설정 가능(물론 복합키도 가능함) 그러나 findById를 통해 조회 시에 Long 타입으로 찾아야 한다고 뜬다면? Repository 설정을 찾아보자 아마 JpaRepository 를 상속받는 부분을 보면 이유를 찾을 수 있을 것임 위의 코드에서 보면 MemberRepository는 JpaRepository 인터페이스를 상속받음 이때, Member는 엔티티 클래스이고, ..
[JavaScript] 간단한 숫자 3자리 마다 , 표기 방법 toLocaleString()
2023. 4. 7. 20:06
프로그래밍/JavaScript
숫자 3자리 마다 , 구분하여 표기하는 방법 toLocaleString() 함수 사용하기 toLocaleString() 함수란? 숫자, 날짜 및 시간 값에 대한 locale별 문자열 표현을 생성 현재 실행되는 컴퓨터의 locale에 따라 문자열을 반환 const num = 1234567.89; console.log(num.toLocaleString()); // "1,234,567.89" (기본 로케일에 따라 출력) 만약, 특정 locale을 사용하려면 toLocaleString() 함수에 로케일 매개 변수를 추가하면 됨 예시 → 한국 const num = 1234567.89; console.log(num.toLocaleString("ko-KR")); // "1,234,567.89" (한국 로케일에 따라 ..
[Java Error] Failed to convert from type [java.lang.String] to type [java.util.Date]
2023. 4. 6. 21:47
프로그래밍/JAVA
Failed to convert from type [java.lang.String] to type [java.util.Date] 에러 react 👉 spring boot controller 로 데이터를 전송할때 타입 불일치로 발생하는 에러 발생 원인 react에서 파라미터로 '2023-04-06' 이라는 String 타입의 데이터를 보내는데 request 파라미터가 객체를 받을 때 타입을 Date로 설정해놓은 경우 자동적으로 변환이 되지 않아 발생하는 에러 해결 방법 datetimeformat을 설정해주기 예를 들어 startDate를 Date 타입으로 받고 싶다면 아래와 같이 @datetimeformat 을 설정해줄 것 @datetimeformat(pattern = "yyyy-MM-dd") privat..
[React] 조건부 렌더링 1
2023. 3. 31. 22:44
프로그래밍/React
리액트 조건부 렌더링 간단한 예시와 설명 예시 import React from 'react'; function App() { const isLoggedIn = true; return ( {isLoggedIn ? ( Welcome back, user! ) : ( Please log in to continue. )} ); } 이 코드에서는 isLoggedIn 변수를 사용하여 현재 사용자가 로그인되어 있는지 여부를 나타내고 있음 이 변수를 기반으로, 조건부 렌더링을 사용하여 다른 UI를 렌더링함 isLoggedIn이 true인 경우 Welcome back, user!를, false인 경우 Please log in to continue.를 렌더링함 조건부 렌더링은 애플리케이션의 상태를 기반으로 UI를 동적으로 ..
[Spring Boot Error] Invalid CSRF Token 'null' was found on the request parameter '_csrf' or header 'X-CSRF-TOKEN' 원인과 해결 방법
2023. 3. 30. 23:24
프로그래밍/Spring Boot
Invalid CSRF Token 'null' was found on the request parameter '_csrf' or header 'X-CSRF-TOKEN' 에러 스프링 시큐리티에서 CSRF(Cross-site Request Forgery) 보안 기능을 사용할 때 발생하는 에러 보안 기능이 동작하지 않아 발생하거나 설정이 잘못되어 발생할 수 있음 에러 발생 원인 이 에러는 주로 CSRF 토큰 값이 전달되지 않았거나, 전달된 토큰 값이 유효하지 않을 때 발생함 스프링 시큐리티에서는 CSRF 보안 기능을 사용할 때, 사용자의 세션에 저장된 CSRF 토큰 값과 요청으로 전달된 CSRF 토큰 값을 비교하여 일치하지 않으면 이 에러를 발생시킴 해결 방법 CSRF 보안 기능 해제 가장 간단한 해결책은 C..