[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 프로퍼티를 사용하여 한 번만 실행되도록 처리하기..
[리눅스마스터 2급] 20210313 기출 문제 풀이(1과목)
2023. 10. 24. 20:41
자격증/리눅스마스터
xfs_quota 사용자별, 프로젝트별, 그룹별 등 다양한 방식으로 디스크 사용량 제한(quota)을 설정하고 관리할 수 있음 fsck (File System Consistency Check) 리눅스의 파일을 검사해주거나 수리해주는 명령어 e2fsck (Ext2/Ext3/Ext4 File System Consistency Check) ext2, ext3, ext4 파일 시스템을 위한 일관성 확인 및 복구 도구 손상된 데이터나 파일 시스템의 오류를 확인하고 복구하는데 사용 xfs.fsck (XFS File System Consistency Check) XFS 파일 시스템을 위한 일관성 확인 도구 CentOS7 이상부터 xfs_repair 명령어로 대체됨 xfs_repair (XFS File System R..
[EC2] 서버 시간 설정(TimeZone 변경)
2023. 10. 17. 20:27
개발 환경/AWS
EC2 서버 시간 변경하기 1. 타임존 확인 방법 아래의 두 명령어 입력하여 확인할 것 date more /etc/timezone 2. date 확인 시 타임존이 KST가 아닌 경우 타임존 설정 2-1. 루트 계정으로 변경 sudo su -root 2-2. 타임존 변경 rm /etc/localtime ln -s /usr/share/zoneinfo/Asia/Seoul /etc/localtime 3. more /etc/timezone 확인 시 타임존이 KST가 아닌 경우 타임존 설정 3-1. 타임존 설정 (root 계정이 아니여도 됨) sudo dpkg-reconfigure tzdata 여기서 타임존 선택하는 화면이 뜨면 Asia > Seoul 찾아서 변경해주기 🍊주의점! Timezone 변경 후 EC2 ..
[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)