전체 글

이 글에서는 리액트의 대표적인 Hook인 useState에 대해 간단하게 정리해보고자 한다. 깊이가 있는 글은 아니고, 코더(coder)의 입장에서 useState를 어떻게 사용하고, 어떠한 상황에서 업데이트가 진행되는지 정도로 간단하게 정리했다. useState 살펴보기 useState는 리액트에서 제공하는 가장 기본적인 상태(state)관리를 할 수 있는 Hook이다. useState를 사용하기 위해서는 먼저 아래와 같이 useState를 import 해야 한다. (useState를 사용할 컴포넌트(함수)가 JavaScript 파일에 import 하면 된다.) import { useState } from "react"; useState는 항상 state와 setState가 쌍으로 선언된다. useSt..

Error 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 잘 작동하던 프로젝트가 git clone 혹은 git pull을 한 후, npm start가 실행되지 않고 "'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다."라는 에러가 발생했다. 간단히 현재 환경에 대해 언급하면 아래와 같다. OS : Windows 11 Pro / version: 22H2 node.js version : 20.10.0 react version : 18.2.0 react-scripts version : 5.0.1 Solution 내가 해결한 방법은 다음과 같다. (아래 해결 방법은 npm 모듈을 업..

버튼을 누르면 숫자가 올라가는 간단한 코드를 작성했다. 언제 페이지 렌더링이 일어나는지 확인하기 위해 console.log("render");를 찍었고, console에 log가 두 번씩 출력되는 것을 확인할 수 있었다. // ./src/App.js import { useState } from "react"; function App() { const [counter, setCounter] = useState(0); const onClick = () => setCounter((prev) => prev + 1); console.log("render"); return ( Welcome! {counter} Click me ); } export default App; 왜 두 번씩 찍힐까? 먼저 왜 두 번씩 찍히는..

이 글에서는 기술통계에서 사용되는 대표값과 산포도에 대해 알아보고, 기술통계량을 어떻게 제시하는 것이 좋은지 알아본다. 기술통계량 기술통계량은 자료의 특성을 표현하는 값으로, 대표값과 산포도가 있다. 대표값 대표값(measure of central tendency)은 자료를 잘 표현할 수 있는 수, 이름 그대로 전체 자료를 대표할 수 있는 값을 의미한다. 대표값에는 (산술)평균, 중위수, 최빈치 등이 있는데, 이 중에서 (산술)평균이 가장 많이 사용된다. 각 대표값에 대해 각각 살펴보면 다음과 같다. (산술)평균 (arithmetic mean) 모집단으로부터 추출한 표본(sample)의 관찰치( \( X \) )가 \( x_1, x_2, x_3, \cdots , x_n \)일 때, 이 표본의 평균( \(..

이 글에서는 통계학적 자료에 대해 알아보고, 통계학적 자료를 구성하는 변수들을 측정 수준에 따라 구분하는 방법에 대해 알아본다. 통계학적 자료 통계학적 자료는 위 이미지와 같이 실험, 설문조사 등 다양한 방법을 통해 모아진 데이터(raw data)를 의미하며, (확률)변수(variable)와 관찰치(observation)로 구성되어 있다. 가장 상단에 열(column)의 이름을 나타내는 항목들을 변수라고 하며, 변수 아래로 위치하고 있는 데이터들을 관찰치라고 한다. 관찰치는 크게 숫자형(numeric)과 문자형(character)으로 구분할 수 있다. 숫자형은 사칙연산이 가능한 데이터를 의미한다. 문자형은 남, 여로 표현하는 성별과 같이 문자로 표현된 데이터를 의미하는데, 문자형 관찰치의 경우 숫자로 코..