전체 글 77

[React.JS] 리액트Hooks. useReducer 정의 및 활용 (1)

* useReducer ? --> 컴포넌트에서 사용하는 상태 값을 관리할시, useState를 대신하여 useReducer를 활용 할 수 있다. useReduce는 Action객체를 기반으로 상태 값을 관리한다. Action객체는 상태값을 업데이트 할 시 참조하는 객체이며 Action객체가 가지고있는 type속성에 따라 어떤 업데이트 행위를 진행할 것 인지 명시할 수 있다. 이외, 업데이트 진행시 필요한 속성을 추가적으로 Action객체에 선언 및 활용이 가능하다. * useReducer 구조 ? useReducer("리듀서 함수", "초기 값"); --> 배열 Return ["현재상태", "액션발생함수"] const [state, dispatch] = useReducer('리듀서 함수', '초기 값')..

FrontEnd_React.JS 2021.09.21

[SpringMVC] SessionScope(1)

Session ? * Browser로 부터, 최초 서버에 요청발생 시, 해당 Browser에 관하여 하나의 메모리 영역을 서버에서 할당하게 된다. * 이 메모리 영역은 Browser당 하나씩 할당되며, 이후 새로운 요청이 발생되더라도 같은 메모리 영역을 사용한다. * 이러한 메모리 영역을 Session(세션) 이라 부른다. * 이 영역은 Browser가 종료 될 때까지 서버에서 사용할 수 있다. Session Scope ? * SessionScope는 Browser 최초의 요청이 발생된 시점으로부터 해당 Browser를 닫을 때(종료) 까지의 유효범위 이다. * SessionScope 에서는 Session 영역에 저장되어 있는 데이터와 객체를 자유롭게 사용할 수 있다. SessionScope Exerci..

SpringMVC 2021.09.20

[Linux] 'bashrc' 사용 한 Alias설정.

Alias? 알리아스(Alias)는 별칭이며, 리눅스의 명령어를 간단한 이름으로 축약하여 사용할 수 있도록 해주는 쉘(Shell) 내부 명령어이다. 즉, 복잡한 명령어나 여러옵션을 사용하는 명령어를 편리하게 사용할 수 있도록 한다. Alias설정 (1) ($ ~/.bashrc || $ /home/'사용자계정'/.bashrc) --> 별칭(Alias)과 bash가 수행될 때 함수를 제어하는 지역적(로그인 유저)의 시스템설정과 관련된 파일이다. 이들 별칭과 함수들은 오직 사용자에게만 한정되며 다른 사용자들에게는 영향을 미치지 않는다. Alias설정 (2) ($ /etc/bashrc) --> ~/.bashrc 파일이 특정사용자에 관한 환경설정(파일) 이라면 /etc/bashrc는 전체(모든 사용자)에게 영향을..

Linux Command 2021.09.16

[Linux] 파일내용 뒤로부터 출력(tail)

tail ? 파일의 뒷부분을 출력하는 명령어이며. 기본적으로, 옵션을 지정하지 않을 시, 파일 최하단으로부터, 10라인 출력한다. [ 자주사용되는 옵션 ] -c 숫자 : 뒤에서부터 Byte만큼계산하여 출력 -n (+)숫자 : 뒤에서부터 숫자라인수만큼 출력, (+) 표기시 최상단에서 지정한숫자 라인으로부터 파일 끝까지 출력 -f [{name|descr}] : 추가되는 내용은 대기하며, 이후 추가된 내용을 append하여 출력 (f: follow) -F : 소문자 f옵션과 기능이 일치하며, 기존파일이 Truncate되는 경우 다시 파일을 오픈하여 파일내용을 follow함.. (활용처: 일정크기가 넘어가면 갱신되는 로그파일) [ 입력 및 실습 ] 1. /etc/passwd 파일 전체출력 $ cat /etc/p..

Linux Command 2021.09.15

[Linux] 파일내용 앞에서 부터 출력(head)

head ? 파일의 앞부분을 출력하는 명령어이며. 기본적으로, 옵션을 지정하지 않을 시, 파일 최상단으로부터, 10라인 출력한다. [ 자주사용되는 옵션 ] -c 숫자 : 지정한 숫자만큼 Byte계산하여 출력 (Byte입력시 K M G T 단위 입력가능 Cf. 10M) -n (-)숫자 : 지정한 숫자만큼 라인수 출력, 마이너스 붙을시 지정한 숫자만큼 끝에서부터 라인 수 제외 [ 입력 및 실습 ] 1. /etc/passwd 파일 전체출력 $ cat /etc/passwd 2. /etc/passwd 파일 최상단에서 10라인 출력 $ head /etc/passwd 3. /etc/passwd 파일 최상단에서 1라인 출력 $ head -n 1 /etc/passwd 4. passwd파일전체 head 명령어 처리(1) ..

Linux Command 2021.09.15

[SpringMVC] RequestScope Bean(2)

RequestScope Bean ? * 빈(Bean)을 정의할 때 RequestScope로 정의할시, Servlet요청이 발생할 때 마다 새로운 Bean객체가 주입된다. * @Autowired, @Resource 어노테이션을 사용하여 생성되는 빈을 활용 할 수 있다. * 빈(Bean)을 등록하는 방법으로 Java의 @RequestScope 어노테이션 활용 또는, Xml의 정의시 scope="request" 속성을 지정하는 방법이 있다. * 스코프(scope)에 관한 속성은 request 이외에 prototype, singleton, session, application 등.. 존재한다. 스코프 설정에 따라서 빈(Bean)으로 선언한 객체가 생성되서 주입받는 시기가 달라진다. - prototype(프로토타..

SpringMVC 2021.09.14

[React.JS] 리액트Hooks. useCallback, React.Memo

* useCallBack ? 이전에 선언한 함수에 관하여 재 사용하는 목적을 가지고있다. 컴포넌트가 리 렌더링 될 때, 새로운 함수를 만들지 않으며 기존함수를 재 사용한다. 하위 컴포넌트에 프롭스(Props)로 전달된 함수가 바뀌지 않았다면 가상돔(Virtual Dom)에 리 렌더링 되지 않고 이전에 만들었던 결과물을 재 활용한다, 최종적으로 애플리케이션 뷰 최적화 및 성능향상에 목적을 두고 있다. * useCallBack 구조 첫번째요소: 구현 함수내용. 두번째요소: 첫번째 함수 내 에서 사용되는, 의존요소(Dependency)들에 관한, 선언 부 이다. - 배열로선언 [ props, state... ] * React.Memo ? 컴포넌트에서 리 렌더링이 불 필요할 때 이전, 렌더링한 결과를 재 활용하..

FrontEnd_React.JS 2021.09.13

[SpringMVC] RequestScope(1)

Request, RequestScope ? * Client에 의해 새로운 요청이 발생되면 브라우저는 서버로 요청정보를 전달한다. * 서버에는 HttpServletRequest객체를 생성 후 요청에 관한 정보를 담아놓는다, HttpServletRequest 객체는 Client에 요청에관하여 응답결과가 브라우저로 전송될 때까지 유지 및 사용이 가능하다. * Client에 의해 새로운 요청이 발생해 응답결과가 브라우저로 전달되기까지 즉, "Request 객체를 사용할 수 있는 유효한 범위 == RequestScope" 이다. * HttpServletRequest 객체는 RequestScope (요청사용범위) 내 에서 활용이 가능하다. RequestScope Exercise.. 1. TestReqScopeCon..

SpringMVC 2021.09.10

[SpringMVC] Server응답 처리방식(Redirect, Forward)

Response Flow.. ? * SpringMvc는 Client로 부터 요청이 발생되면 그 요청주소를 분석하여 매핑이되는 메서드를 호출하게 되며, 결과 처리이후 반환정보(View, Data) 생성하여 Client에게 전달한다. * 서버의 응답결로 String, Model, ModelAndView 는 브라우저의 응답결과로 화면(View) 을 경로지정하여 반환한다. Redirect ? * Server에서 Client에게 응답결과로 View(화면)이 아닌 재 요청할 주소를 응답결과로 전달하는 것을 의미한다. * Client는 응답결과로 받은 재 요청할 주소를 직접요청하게되며, 주소창의 URL(주소)는 변경된다. * Redirect는 새로운 요청(Request)이 발생하는 것이므로 HttpServletReq..

SpringMVC 2021.09.08

[React.JS] 리액트Hooks. useMemo 정의 및 활용 (9)

* useMemo ? --> 이전에 연산된 값을 재 사용하는 목적을가지고있다. 특정 대상이 변화하였을 때, 특정연산을(Callback Function) 처리하도록 실행. 특정연산 수행 시, 대상 값이 바뀌지 않았다면 이전에 연산된 값을 재사용한다. * useMemo 의 2가지 요소 첫번째요소: 익명 CallBack함수로 선언되며 useMemo로 인하여 수행될 영역선언. - (params) => { function Execute Body.. } 두번째요소: 첫번째 콜백함수, 의존요소 선언 부 이다. 이 대상이 변할시에만 첫번째 콜백함수 호출된다. - 의존요소들.. 배열로선언 [ props, state ] useMemo 연습하기 1. App.js 컴포넌트 수정 Step1. react로 부터 useMemo 함..

FrontEnd_React.JS 2021.09.06