코딩 정리

1. JPA≫ ORM(Object-Relational Mapping) 기술 표준으로 사용되는 인터페이스의 모음≫ 자바 어플리케이션에서 관계형 데이터베이스를 사용하는 방식을 정의한 인터페이스 2. Bean≫ Spring Ioc 컨테이너가 관리하는 자바 객체≫ @Component 어노테이션이 등록되어 있는 경우에는 Spring이 어노테이션을 확인하고 자체적으로 Bean으로 등록함 3. IoC≫ 의존성 주입을 통하여 객체를 컨테이너에 맡겨서 로직에만 집중할수 있게 만드는것

1. 라이브러리 설치> yarn add pqgrid 2. 컴포넌트 추가const Pqgrid = ({ options }) => { useEffect(() => { pq.grid('#grid', options); pq.grid('#grid').refreshDataAndView(); }, [options]); return ;}; 3. 컴포넌트 options 세팅const options = { collapsible: { on: false, toggle: false }, height: '100%', maxHeight: '100%', showTitle: false, menuIcon: false, reactive: true, resizable: true, ..

1. Object✅ 객체1) assign : 옮길 객체의 속성들을 담을 객체에 복사한후 반환한다// Object.assign( 담을 객체, 옮길 객체 )const returnedObj = Object.assign(obj1, obj2); 2) delete : 객체의 속성을 제거할때 사용한다// delete 객체.속성 또는 delete 객체[속성]delete obj.user; 3) keys : 해당 객체의 key들을 배열로 가져온다// Object.keys(객체) 리턴값 : 배열Object.keys(obj) 4) hasOwnProperty : 해당 객체에 인자값과 같은 속성이 있는지 확인할때 사용한다// 객체.hasOwnProperty( 속성 ) 리턴값 : true 또는 false (boolean)ob..

1. 마운트 / 언마운트1) 컴포넌트가 처음 나타날때 / 컴포넌트가 사라질때 2. 업데이트1) 컴포넌트 안에 특정 props가 바뀔때 3. SPA (Single-page application)1) 하나의 HTML 페이지와 애플리케이션 실행에 필요한 Javascript ,CSS 같은 모든 소스를 로드하는 애플리케이션2) 서버로부터 새로운 페이지를 불러오지 않으므로 페이지가 다시 로드되지 않음 4. 번들러 (Bundler)1) 분리된 코드들을 브라우저에 최적화된 여러 개의 파일로 결합2) 주로 webpack과 browserify를 사용 5. JSX1) Javascript의 확장문법, 마크업 문법으로 작성하여 React 엘리먼트로 컴파일됨 6. DOM (문서 객체 모델)1) XML이나 HTML 문서에 접근하기..

˙  오류 내용react-scripts 은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램 또는 배치 파일이 아닙니다해결방법--package.json이 있는 위치에서--yarn add react-scriptsnap install -save react-scriptsyarn upgrade ˙  오류 내용Expected an assignment or function call and instead saw an expression no-unused-expressions 해결방법map 함수에서 {return (...)} 형식으로 사용하거나 (...) 형식같이 return 없이 소괄호만 사용

1. useState상태 관리 도와주는 함수import React, { useState } from 'react';...const [name, setName] = useState('');const [member, setMember] = useState({ name : '', pos : '', dept : '', phone : ''});const onChange = e => { const { value, name } = e.target; setMember({ ...member, [name] : value });}; 2. useEffect리액트 컴포넌트가 렌더링 될 때 마다 특정 작업을 수행 하도록 설정하는 함수import React, { useEffe..

1. map≫ 반복 함수 배열로 리턴한다const numbers = [1, 2, 3, 4, 5];const listItems = numbers.map((number) => {number}); 2. memo≫ 컴퍼넌트가 React.memo()로 래핑 될 때, React는 컴퍼넌트를 렌더링하고 결과를 메모한다. 그리고 다음 렌더링이 일어날 때 props가 같다면, React는 메모된 내용을 재사용한다≫ 같은 props로 자주 렌더링이 일어나는 컴포넌트에 사용한다export function List({ title, date }) { return ( title: {title} date: {date} );}export const ListMemo = React.memo(List..

1. vscode 설치https://code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.code.visualstudio.com 2. node.js 설치https://nodejs.org/ko/download/ 다운로드 | Node.jsNode.js® is ..

1. NOW오라클의 SYSDATE 와 같은 현재 날짜를 조회SELECT NOW() (FROM MEMBER) 생략 가능 2. DATE_FORMAT오라클의 TO_CHAR 와 같이 날짜를 받아와 데이터 포맷에 맞춰 문자열로 반환DATE_FORMAT(NOW(),'%Y-%m-%d') 3. LIMIT오라클의 ROWNUM 과 같이 페이징 처리할때 사용, 첫 번째 인자는 시작 번호, 두번째 인자는 조회할 개수LIMIT 1 , 10 4. REPLACE, REPLACE INTOINSERT 처럼 사용시 : 삽입하려는 내용중 key 값이 없으면 INSERT, 있으면 해당 ROW 삭제후 INSERTUPDATE 처럼 사용시 : SET 부분에 key 값이 없으면 INSERT, 있으면 UPDATE작성하지 않은 컬럼값은 default..

1. top≫ 프로세스 목록을 CPU 사용률이 높은것부터 보여준다≫ 주로 CPU 사용량이 오버 되거나 GC Overhead Limit Exceeded 오류시에 확인할때 사용✅ top 실행후 명령어명령어내용space정보 업데이트shift + pCPU 사용률이 높은 프로세스 순서대로 표시k프로세스 종료h도움말qtop 명령어 종료1현재 돌고 있는 CPU core별 사용량 표시📌 CPU%us : 유저 레벨에서 사용하고 있는 CPU 비중%sy : 시스템 레벨에서 사용하고 있는 CPU 비중%id : 유휴 상태의 CPU 비중%wa : 시스템이 I/O 요청을 처리하지 못한 상태에서의 idle 상태인 CPU 비중 2. ps≫ 현재 실행중인 프로세스 목록과 상태를 보여준다≫ 실행중인 프로세스 확인할때 grep 과 함께 ..