전체 글
[React] Redux셋팅 후 Reducer 셋팅하기
(index.js) import { Provider } from 'react-redux' import { createStore } from 'redux' let 초기값 = [ { id : 0, name : '멋진신발', quan : 2 }, { id : 1, name : '멋진신발2', quan : 1 } ] function reducer(state = 초기값, 액션) { // 여기서 등호가 들어가는 문법은 default parameter 문법(ES6 문법) if (액션.type === '수량증가') { let copy = [...state] copy[0].quan++ return copy } else { return state } } let store = createStore(reducer) // re..
[MySql] WSL2에서 MySQL 설치 및 실행하는 법
MySQL 설치 WSL2 터미널에서 아래 명령어로 Ubuntu 패키지를 업데이트합니다. sudo apt update 아래 명령어로 mysql을 설치합니다. sudo apt install mysql-server 설치확인하고 버전 번호를 확인합니다. mysql --version MySQL 시작 해당 명령어로 mysql을 실행합니다. sudo /etc/init.d/mysql start 위 명령어를 실행한 후에 아래와 같은 에러가 발생한다면 su: warning: cannot change directory to /nonexistent: No such file or directory 아래와 같이 명령어를 실행해줍니다. (리눅스OS에 따라 상이) # Ubuntu sudo service mysql stop sudo ..
[WSL2] E: Sub-process /usr/bin/dpkg returned an error code (1)
WSL2 에 MySql 을 삭제하다가 다음과 같은 에러가 생겼습니다. E: Sub-process /usr/bin/dpkg returned an error code (1) 이 오류가 떴을 땐 dpkg든 apt든 모든 기능이 죽습니다. 다음으로 해결할 수 있습니다. sudo rm /var/lib/dpkg/info/* sudo dpkg --configure -a sudo apt update -y
[Node.js] Stream이란??
Stream Stream에는 두가지가 있습니다. 1. file에서 읽어오는 Stream 2. network에서 읽어오는 Stream 스트림이 가능한 소스로부터 핸들러에게 해당데이터를 여러개의 청크로 나누어서 보내주는 형태의 구현체를 스트림이라고 합니다. 여러가지의 소스를 가질 수 있습니다. 큰데이터를 처리해야 하거나, 비동기적으로만 얻을 수 있는 데이터를 처리해야 할 때 유용합니다. ex 1) 5G쯤 되는영상파일을 압축할 경우, ex 2) 네트워크 input 등, tcp소켓같은 경우 언제 데이터가 올지 알 수 없습니다. const fs = require('fs') const rs = fs.createReadStream('file.txt') rs.on('data', data => { // Do someth..
[JavaScript] map과 forEach 그리고 둘의 차이점
1. map map은 굉장히 많이 쓰이는 메소드로 배열을 하나하나 돌며 처리할 작업이 있을 경우 사용됩니다. 기본 구조는 다음과 같습니다. array.map((currentValue, index, array) => { // callback Function }, thisArg) currentValue : 현재 array내의 값 index : 현재 array 값의 인덱스 array : map이 돌고있는 array 자체 thisArg : 콜백함수 내에서의 this 예제 const array = [10, 20, 30, 40, 50] array.map((a, b, c) => { console.log(a) console.log(b) console.log(c) }) // 10 // 0 // [ 10, 20, 30, ..