전체 글 70

React Function Ajax

기존의 Class 방식의 코드를 함수방식으로 수정하는 작업을 진행하였습니다. 함수 방식으로 AJAX를 구현할 때 다음과 같이 주의할 점이 있습니다. 함수 방식에서는 렌더 이후에 작업이 진행되어 비동기적으로 실행되는 fetch API를 사용하면 충돌이 발생하여 무한 루프가 발생하게 됩니다. 그러므로 함수 useEffect의 사용과 두번째 인자를 사용하여 clean up 작업을 진행해야 합니다. 함수에서 map함수 사용시 렌더가 진행된 후에 수정(Hooks)이 이뤄지기 때문에 원형을 수정할 수 없습니다. 따라서 새로운 배열이나 변수를 선언하여 함수를 진행해야하며 반복이 꼭 필요한 경우 forEach()문을 사용해야 합니다. 기존 클래스 방식의 코드 더보기 import React, {Component} fro..

카테고리 없음 2023.04.09

React Hooks Lifecycle - useEffect

2018년 리액트 컨퍼런스에 발표된 Hooks 는 기존의 class 방식의 무한 랩핑으로 인한 코드 복잡성을 줄일 수 있다고 발표하였습니다. 또한 클래스 방식의 몇몇 사이드 이펙트 메소드는 안전하지 않아 문제를 일으키기도 하였습니다. 대안으로 출시된 Hook은 더욱 편리하고 안전한 작업을 도와줍니다. Hook종류와 Lifecycle Mount - useMemo 종속값과 비교하여 차이가 있을 때만 렌더된다. useMemo로 전달된 함수는 렌더링 중에 실행됩니다. side effects는 useEffect에서 사용되며, useMemo에서 하는 일이 아닙니다. const cachedValue = useMemo(계산값, 종속값) useState 새 state 값을 받아 컴포넌트 리렌더링을 큐에 등록합니다. (s..

카테고리 없음 2023.04.09

7강 반복구조

1. 반복 구조의 정의 반복 구조의 개념 -특정 영역의 명령문을 여러번 실행하는 구조 -반복 횟수를 조건에 따라 결정 반복 출력 프로그램 -5번 문자를 반복하는 코드 -조건에 따른 반복 반복구조의 구문형식 -시퀀스: 계수 제어 반복 구조에서 특정 반복 횟수와 반복 시 계수의 값을 정하기 위해 사용하는 데이터 타입 -구문형식: 조건 제어 반복 조건 제어 반복 while 반복-계속=조건: 코드블록 계수 제어 반복 for 계수-제어-변수 in 시퀀스: 코드블록 반복 구조의 실행흐름 -조건 제어 반복 반복-계속-조건 => (T) => 명령블록 => F => done 반복 출력 프로그램 count = count + 1 (증감연산자 파이썬 X) 반복구조의 공포 sentinal - 반복문 판별 n까지 합 계산 프로그..

카테고리 없음 2023.04.09

4강-입출력 함수와 연산자-2

산술연산자 -각종 산술연산을 수행 -이항 연산자 -단항 연산자 (++, -- int x, y; x = 10; y = 3; printf("x+y=%d\n", x + y); printf("x/y=%d\n", x / y); // modulo operator printf("x%%y=%d\n", x % y); printf("y%%x=%d\n", y % x); //단항연산자의 설명 int x = 5, a, b; // 위치에 따라 달라지며 x++는 x=x+1이므로 //6 * 6 수행 후 x= 6-1 처리됨 a = ++x * x--; //a = ++x * x; 일때, a값은 동일하나 b는 60이 된다. b = x * 10; printf("a=%d b=%d x=%d", a, b, x); 관계연산자 -대, 소 관계를 비교..

카테고리 없음 2023.04.09

리액트 생명주기 - React class life-cycle method & control

일반적인 React life-cycle 주요 life-cycle method() method 설명 constructor() 마운트 되기 전 실행 render() class component에 필수 메소드이며, 브라우저와 상호작용하지 않음 componentDidMount() 마운트 렌더가 완료되었을 때 componentDidUpdate() 업데이트 렌더가 완료되었을 때 componentWillUnmount() DOM에서 제거될 때 주의점: Update 메소드에서 state나 props를 변경하면 다시 업데이트가 진행되면서 무한 루프가 적용되므로 사용하면 안된다. 코드 예시 import React, { Component } from 'react' var classStyle = 'color:red'; clas..

카테고리 없음 2023.04.08

정보 처리 입문 - R 기본 명령어와 개념

명령어 사용 cor() Correlation 상관계수를 구하는 R 함수 plot boxplot rnorm(200) 랜덤값 200개 hist 상관계수 중심측도: 절사평균 중심측도: 중앙값 산포도 측정 변동계수, 범위 변동계수(coefficient of variation), 변이계수 : 범위(range): 최댓값 - 최솟값 사분위수 범위(IQR; Interquartile range) R의 예시 연속형자료 그래프 히스토그램(hisrtogram): 각 계급에 속한 도수들을 정리한 도수분포표의 그래프 줄기-잎 그림(stem-and-leaf plot) 대략적인 형태로 적은 양의 데이터에 용이함 박스그림(boxplot) Reference https://sjh836.tistory.com/115 https://leeda..

카테고리 없음 2023.04.06