SHIMNARA

VS Code로 React 개발시 사용하는 확장 프로그램ESLint : 자바스크립트 문법 및 코드 스타일을 검사해 주는 도구Reactjs Code Snippets (제작자 charalampos karypidis) : 리액트 컴포넌트 및 라이프사이클 함수를 작성할 때 단축 단어를 사용하여 간편하게 코드를 자동으로 생성해 낼 수 있는 코드 스니펫 모음.Prettier-Code formatter : 코드 스타일을 자동으로 정리해 주는 도구- 확장프로그램 설치 후 VSCode 세팅에서 formatter 검색후 Editor: Default Formatter 값을 Prettier - Code formatter 로 변경해야 함.- VSCode Settings 창열기 : File -> Preferences -> Set..

타입스크립트 기반 리액트 프로젝트 생성npx create-react-app 프로젝트_이름 --template typescriptnpm init react-app 프로젝트_이름 --template typescriptyarn create react-app 프로젝트_이름 --template typescript* npx는 npm 5.2.0버전부터 새로 추가된 패키지 실행도구입니다.* yarn 설치 : npm i -g yarn  npm 설치 옵션npm 옵션의미단축 명령--save실행에 필요한 패키지 설치. package.json 파일의 "dependencies" 항목에 등록됨-S--save-dev개발에 필요한 패키지 설치. package.json 파일의 "devDependencies" 항목에 등록됨-D* 자바스크..

올해 일년치 주말(토요일, 일요일) 일자를 조회하는 프로그램. import java.time.DayOfWeek;import java.time.LocalDate;import java.time.format.DateTimeFormatter;import java.time.format.TextStyle;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Locale;import java.util.Map;public class DayOfWeekUtilTest { public static void main(String[] args) { List> list = getDayOfWeek(); ..

1. ASE(Advanced Encryption Standard)AES 암호화 특징 : 대칭키 알고리즘, 빠른속도AES 암호화 종류 : AES-128, AES-192, AES-256AES 뒤에 붙는 숫자는 키의 길이를 의미 (AES256 : 키의길이가 256bit인)키의길이 : AES128(16byte), AES192(25byte), AES256(32byte)  2. AES-256 암복호화 흐름암호화 : Text - Bytes - Encrypt - Encrypted Byte - Encrypted Base64 Text복호화 : Encrypted Base64 Text - Encrypted Byte - Decrypt - Bytes - Text  3. AES-256 필수요소Secret Key : 암호화, 복호화..

1. 오라클 DB 권한 조회 유저(loging Id)에 적용된 권한을 조회.SELECT * FROM USER_TAB_PRIVS;-- GRANTEE : 권한을 받은 유저-- OWNER : 소유 유저-- TABLE_NAME : 테이블명-- GRANTOR : 권한을 부여한 유저-- PRIVILEGE : 권한(ALTER, DELETE, EXECUTE, INHERIT PRIVILEGES, INSERT, SELECT, UPDATE)-- TYPE : FUNCTION, PROCEDURE, SEQUENCE, TABLE, USER, VIEW2. 함수실행 권한생성GRANT EXECUTE ON 스키마명.함수명 TO 계정명;3. 테이블 권한생성GRANT SELECT, INSERT, UPDATE, DELETE ON 스키마명.테이..

모든 계정 정보확인SELECT * FROM All_users;  계정생성Oracle 12c 이상 버전부터 계정생성시 C##으로 계정이름을 지정하도록 바뀌었다.CREATE USER C##hong IDENTIFIED BY 1111;C##을 지정하기 않기 위해서 아래 명령어를 입력해야 한다.-- C##을 지정하기 않기 위해서 아래 명령어를 입력ALTER SESSION SET "_ORACLE_SCRIPT" = TRUE;-- 계정생성-- CREATE USER [계정명] IDENTIFIED BY [비밀번호];CREATE USER hong IDENTIFIED BY 1111;  생성된 계정 확인SELECT * FROM All_users WHERE username='HONG';  생성된 계정에 권한추가하기DB에서 유저를..

1. TIMESTAMP 조회데이터를 실수로 삭제(DELETE) 또는 수정(UPDATE)을 하고 COMMIT을 했다면, TIMESTAMP를 사용하여 이전의 데이터를 조회하여 복구할 수 있다.단위는 SECOND, MINUTE, HOUR, DAY로 바꿔 쓸 수 있다.SELECT * FROM [테이블명] AS OF TIMESTAMP(SYSTIMESTAMP - INTERVAL '10' MINUTE);-- 결과에 대해 조건문도 사용할 수 있음. (View로 생각하고 과거 데이터를 조회하면 됨)SELECT * FROM [테이블명] AS OF TIMESTAMP(SYSTIMESTAMP - INTERVAL '10' MINUTE) WHERE ID = 'HONG'; 2. ROWNUM, FETCH FIRST ROWS 의 차이 ..

AWS S3 버킷을 만들고 정책을 어떻게 설정하는지 알아보겠습니다. S3 버켓을 만들지 않은 경우는 아래 블로그를 참고 바랍니다. https://ksshim.tistory.com/148 AWS S3 bucket 만들기 1. S3 (Simple Storage Service) 특징 매우 안전하고 가변적인 오브젝트 저장 공간 제공 S3 버킷 공간은 무제한이라 스토리지 공간에 구애받지 않고 사용가능 비정형화 데이터 저장가능 (ex : 사진, 동영상 ksshim.tistory.com 버킷 맨 상위 폴더에서 [권한] 탭을 클릭하면 버킷 정책 편집기가 나옵니다. JSON 포맷을 요구하는 버킷 정책은 오브젝트 레벨이 아닌 버킷 레벨에 해당하기 때문에 버킷 정책에서 설정하는 내용은 모두 오브젝트에 영향을 줍니다. '편집..

1. IAM (Identity And Access Management) IAM 서비스는 사용자의 권한이나 역할을 지정하는 서비스 입니다. 누가, 어떤 리소스나 서비스를 사용할 수 있는지 접근 레벨이나 권한관리 기능을 제공 최소 권한 정책 (least privilege policy)을 적용 유저, 그룹, 역할, 정책을 관리 2. IAM 구성 유저 (User) : 액세스 키와 비밀키를 가지고 AWS 리소스를 사용하는 객체 그룹 (Group) : 하나 혹은 여러 유저를 담고 있음. 접근 권한을 설정할 때 유저 개개인이 아닌 그룹에 적용할 수 있음. 역할 (Role) : 하나 혹은 다수의 정책을 포함할 수 있음. 다양한 정책을 합쳐서 새로운 역할을 만들어 유저 및 그룹에 적용할 수 있음. 정책 (Policy) ..

리코일(Recoil) 라이브러리는 리덕스나 리덕스 툴킷과 유사하게 애플리케이션 에서 상태를 관리하기 위한 라이브러리로 Atoms와 useRecoilState()로 구성되어 있습니다. - https://recoiljs.org/ko 1. Atoms 리코일을 통해서 보관하고 싶은 데이터를 의미합니다. 리덕스가 애플리케이션당 하나의 상태를 유지하는 것과 달리 여러 개의 Atoms를 만들고 컴포넌트들은 자신이 원하는 상태를 선별적으로 접근해서 사용할 수 있습니다. Atom은 공유하고 싶은 데이터를 atom()을 이용해서 생성하고 컴포넌트에서 이를 구독합니다. Atom으로 유지되는 데이터가 변경되면 이를 구독하는 컴포넌트들은 다시 랜더링 됩니다. 2. useRecoilState() useRecoilState()는 ..