분류 전체보기
-
React에서 컴포넌트가 unmount되었을 때 특정 동작 수행 여부 테스트하기Today I Learned 2023. 2. 26. 20:47
@testing-library/react를 이용하는 경우 @testing-library/react 에서 제공하는 render 함수는 반환형으로 여러 콜백 함수들을 제공, 해당 함수들을 필요한 테스트에 사용할 수 있음. 그 중 여기서 사용해볼 것은 unmount() 실시간 채팅 컴포넌트 창이 화면에서 사라질 때, 상태 관리 Store에 정의한 클라이언트와 서버의 연결을 해제하는 disconnect()를 호출하는지 테스트할 것임 컴포넌트가 unmount될 때 수행하는 로직은 다음과 같이 useEffect 구문 내에 정의해놓을 수 있음 useEffect 내에서 콜백 함수를 반환시키고, 해당 콜백 함수 내에 수행시킬 동작을 정의 // src/components/chatting-room/ChattingRoomMe..
-
Primitive 숫자 자료형 배열을 String 배열로 변환하기카테고리 없음 2023. 2. 14. 22:01
ex. IntStream을 String[] 형태로 변환하는 경우 IntStream이 어느 상황에서 만들어질 수 있는가? Arrays.stream(int[] 타입의 배열) IntStream 타입의 인스턴스인 intStream이 있다고 할 때, IntStream intStream = IntStream.of(1, 2, 3); String[] array = intStream .mapToObj(Integer::toString) .toArray(String[]::new); toArray의 인자로 주어지는 것에 대해 정리하기
-
Spring에서 Entity 객체와 Entity 객체에 Embed되는 값 객체에 빈(no arguments) 생성자가 필요한 이유는 무엇인가?카테고리 없음 2023. 2. 10. 18:06
In object-oriented programming, a constructor is a special type of method that is used to initialize an object when it is created. An empty constructor is a constructor that takes no arguments and initializes the object with default values. When you are defining a value object that is included in an entity object, you may want to create an empty constructor for several reasons: Convenience: An e..
-
Spring의 AuthenticationInterceptor에서 바로 axios에 결과 반환 후 axios에서 결과 핸들링하기카테고리 없음 2023. 2. 5. 15:40
AuthenticationInterceptor에서 true를 반환하는 경우, mapping된 요청 주소의 Controller로 진입 false를 반환하는 경우, Controller로 진입하지 못하고 클라이언트에 응답을 반환 이때 header를 얻어서??? 응답 Status Code를 변경해줄 수 있다고 한다. axios.get, post, patch 등 요청을 보내는 명령어는 응답이 정상적으로 반환되는 처리뿐만 아니라 에러가 반환된 경우의 처리를 핸들링하는 함수를 정의할 수 있다. 지금까지 해왔던 처리들은 모두 정상적인 처리만을 다뤘던 것이였고, 에러가 반환되는 경우는 Store의 try-catch 구문의 catch 구문에서 처리하고 있었던 것임 정상적인 경우의 콜백 함수, 에러인 경우의 콜백 함수를 지..
-
해시테이블이란?카테고리 없음 2023. 2. 2. 23:19
효율적인 탐색을 위한 자료구조 Key를 Value에 대응 간단한 해시테이블의 구현: 연결 리스트, 해시 코드 함수를 이용 1. Key 값의 해시 코드를 계산: int 혹은 long을 반환 - Key의 값은 무한한 데 비해 int, long은 유한하기 때문에 서로 다른 두 개의 Key가 같은 해시 코드를 가리킬 수 있음 2. 해시 코드를 이용해 배열의 인덱스를 구함 - hash(key) % arrayLength 같은 방식 3. 배열의 각 index에는 Key-Values로 이루어진 연결 리스트가 존재 Key와 Value를 해당 index에 저장하고, 서로 다른 Key들이 같은 해시 코드를 가리키거나, 서로 다른 해시 코드들이 같은 index를 가리키는 경우 연결 리스트에 연결 Key에 해당하는 Value를..
-
application.properties에서 실행 환경 별 port 다르게 설정하기카테고리 없음 2023. 1. 31. 22:22
WebSoekct으로 클라이언트의 메시지 발행 경로를 매핑하는 MessageController와 MessageBroker의 동작을 처리하는 Service Layer의 동작을 테스트하는 중 이슈가 발생 이들 테스트는 모두 @SpringBootTest로 진행하고 있었음 서버를 실행시키고 있는 상태에서 테스트를 진행할 때, 다른 모든 테스트들은 통과했지만 @SpringBootTest 테스트들만 실패 실제 Application을 구동시켜 테스트하는??? SpringBootTest를 고려해 application.properties에 spring.config.activate.on-profile=test로 분리해뒀던 테스트 환경을 활용하기 위해 해당 테스트들에 모두 @ActiveProfiles("test") 어노테이..
-
p, pre 태그에서 문단 속성 조정하기, TextArea에서 키보드의 Enter 키를 눌렀을 때 HandleSubmit을 수행하게 하기Today I Learned 2023. 1. 30. 04:14
줄바꿈 p 태그에서는 word-break 속성을 이용 pre 태그에서는 white-space 속성을 이용 미묘한 높낮이 조정하기는 어떻게 하지? (말로 설명해야...) line-height: 글자 위아래 간 간격 Enter handleSubmit References - https://ddorang-d.tistory.com/69 - https://htglss.tistory.com/31 - https://stackoverflow.com/questions/47809282/submit-a-form-when-enter-is-pressed-in-a-textarea-in-react