[React] inline style !important 적용 방법
2023. 11. 15. 20:22
프로그래밍/React
React inline style !important 적용 React 에서는 내부 스타일 설정 시 !important 적용이 안됨 해결 방법으로는 크게 3가지가 있음 1. css 파일에 선언해주기 2. 부트스트랩을 사용해 className값 설정하기 3. inline에 style을 줘야한다면 style 메서드 정의해서 사용하기 참고로 리액트에서는 !important를 사용하는것을 권장하지 않음 import React from 'react'; const MyComponent = () => { const importantStyle = { color: 'red !important', fontSize: '20px', // 다른 스타일 속성은 그대로 작성 }; return ( Hello, World! ); };..
[React Error] onKeyUp, onKeyDown 이벤트 한글 입력시 2번 실행되는 이유와 해결 방법
2023. 10. 27. 20:12
프로그래밍/React
onKeyUp, onKeyDown 이벤트 한글 입력시 2번 실행되는 문제 영어가 아닌 한글을 입력한 후 onKeyUp, onKeyDown 이벤트를 실행하면 중복으로 이벤트가 실행됨 원인 IME composition IME는 브라우저에서 다양한 언어를 지원해주는 OS 단계의 어플리케이션 IME 과정에서 이벤트가 발생하면, 한글 변환 작업이 OS에서도 이루어지고 브러우저에서도 처리되면서 중복 발생하는 문제 isComposing Web API 스펙에는 Event Target에 KeyboardEvent.isComposing 이라는 프로퍼티를 제공하고 있음 한글을 포함하여 비영어권 언어를 사용한다면 이 값을 참조하여 중복을 막을 수 있음 해결 isComposing 프로퍼티를 사용하여 한 번만 실행되도록 처리하기..
[MyBatis] 비교 표현식
2023. 10. 13. 20:50
프로그래밍/Mybatis
비교 표현식 구분 설명 부등호 문자열 표현식 비교 크다 greater gt > a gt b a > b 작다 little lt = a ge b a >= b 작거나 같다 little or equal le 5 SELECT * FROM order WHERE no =]]> 5 SELECT * FROM order WHERE no 5
[Java] ArrayList 맨 앞에 값 추가하기
2023. 10. 12. 20:50
프로그래밍/JAVA
ArrayList 맨 앞에 값 추가하기 addAll을 사용하여 0번째 인덱스에 값 추가 import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class Sample { public static void main(String[] args) { List list1 = new ArrayList(Arrays.asList("3", "4")); List list2 = new ArrayList(Arrays.asList("1", "2")); // list 맨 앞에 값 추가 => 0번째 인덱스에 값 추가 list1.addAll(0, list2); // 결과 출력 System.out.println(list1); // [1, 2,..
[MySQL] AUTO_INCREMENT 조회 및 초기화
2023. 10. 11. 20:50
프로그래밍/SQL
AUTO_INCREMENT 조회 조회 시에 작은 따옴표(')를 꼭 써줘야 함 SHOW TABLE STATUS WHERE name = 'order'; AUTO_INCREMENT 초기화(변경) 초기값 1 말고도 원하는 값으로 세팅 가능 ALTER TABLE order AUTO_INCREMENT=1;
[Spring Boot] REST API naming 규칙
2023. 10. 4. 20:34
프로그래밍/Spring Boot
REST API naming 간단 정리 명사 사용 동사는 사용 X GET /manage-order (X) GET /order-management (O) 복수형 사용 GET /order (X) GET /orders (O) 하위 리소스는 /를 이용하여 나타냄 PUT /users/{id}/orders uri는 소문자 사용 GET /Users (X) GET /users (O) camelCase 대신 snake-case 사용 이때 _(underbar) 대신 -(hyphens) 사용한다는 것도 기억해두기 GET /orderManagement (X) GET /order_management (X) GET /order-management (O)
[Java] Deprecated StringUtils.isEmpty 대체
2023. 9. 27. 20:28
프로그래밍/JAVA
StringUtils.isEmpty 대체 StringUtils.isEmpty가 deprecated 됨 hasLength, hasText로 대체해서 사용 가능 StringUtils.hasLength 문자열의 길이 확인 주어진 문자열이 null이 아니고 길이가 0보다 크면 true String str = "Hello, World!"; boolean hasLength = StringUtils.hasLength(str); StringUtils.hasText 문자열에 공백 문자를 제외한 실제 문자가 포함되어 있는지 확인 주어진 문자열이 null이 아니고 길이가 0보다 크며, 공백 문자를 제외한 문자가 포함되어 있으면 ture String str = " "; boolean hasText = StringUtils.h..
[MySQL] DATE_FORMAT 날짜별로 GROUP BY
2023. 9. 25. 20:58
프로그래밍/SQL
GROUP BY DATE_FORMAT 그룹핑할때 2023-09-25의 데이터를 월별로 GROUPING 하고 싶은 경우 GROUP BY DATE_FORMAT 을 활용하면 됨 예시 월별로 grouping 하려면 DATE_FORMAT(컬럼명, '%Y-%m') SELECT DATE_FORMAT(createdDate, '%Y-%m') AS AS grouping_month FROM store GROUP BY DATE_FORMAT(createdDate, '%Y-%m'); 결과