캐나다 개발자

Redux관련 포스팅은 많지만, 너무 어렵다.. 이 포스팅 하나로 최대한 간단하지만 최대한 많이 알리고싶은게 목적이다. 1. Redux는 왜 쓰는가? - useState가 불편해서.... 2. Redux vs Redux Toolkit - 항해 7기는 React Redux만 배운다 - Reduxjs Toolkit 은 React Redux를 보다 쉽고 짧고 편하게 쓰기 위해 나왔다. 실제로 코드량이 반토막난다. - 벨로퍼트님도 Redux Toolkit을 꼭 사용하자고 하신다. - 하지만 항해에서 안배우는거라 툴킷 잘못쓰면 다른 팀원들이 못알아보고 Redux를 사용 못하게 되는 불상사가 일어날지도 아래 마치면서 출처: https://ridicorp.com/story/how-to-use-redux-in-ridi..

명령형 프로그래밍 // double이란 함수는 그냥 들어오는 배열 내부의 값을 2배 하는 함수 function double (arr) { let results = [] for (let i = 0; i item * 2) } fun..

내가쓴 부분은 1도 없고, 스파르타 항해99에서 제공해준 정보이다. 왜 Redux를 쓰는가? useState가 불편하기 때문이다. 여러 컴포넌트에서 같은 state를 공유해서 쓰려면 부모 자식 컴포넌트를 반드시 거쳐야 하는데, Redux를 사용해서 state를 중앙에서 관리하면 원하는 컴포넌트에서 바로 가져와서 사용 할 수 있다. 개발을 하면서 사용할 수 있는 devtools의 퀄리티가 좋고, 많은 개발자들이 사용하는 라이브러리라서 자료가 많아 error 해결이 용이하다. 리덕스 모듈 용어 정리 Action type 어떤 행동을 의미한다. 여기서 행동이란, 가령 계산기 기능을 구현한다면 plus, minus 처럼 기능에 필요한 행동을 뜻한다. action type은 object = {} 다. 그리고 무조..

https://goldenducknest.tistory.com/39 프로세서에서의 캐시는 용량이 작고 속도가 빠른 메모리인데 용량이 크지만 훨씬 느린 주 기억 장치에 매번 접근하는 것을 피하고자 최근에 사용된 정보를 저장하는 데 사용된다. 프로세서는 일반적으로 여러 그룹의 데이터와 명령어에 짧은 간격으로 잇달아 여러번 접근하는데 왼쪽의 그림과 같은 일련의 수를 합산하는 프로그램과 그 메모리의 표현에서 루프에 있는 명령어 다섯 개는 입력된 수 각각에 대해 한 번씩 실행 되는데 이때 그 명령어들이 캐시에 저장되면 루프 실행 동안 매번 메모리에서 인출하지 않고, 프로그램은 메모리 작업을 기다릴 필요가 없어 실행 속도가 상승 한다. 일반적인 프로세서에는 캐시가 2~3개 있으나 흔히 L1, L2, L3레벨이라고 ..

오늘의 목표 스파르타 x 스터디팀 공부 윤님 Promise(), 반응형웹 백재님 - ES5 준호님 - Redux 팀작업 1. 해리포터 덕질 사이트 - 미니게임 페이지 CSS - 책소개 페이지 다듬기 개인공부 - 벨로퍼트 리덕스 - React v18​ 전산학공부 09 하드웨어 알고리즘, 자료구조공부 https://programmers.co.kr/learn/courses/30/lessons/81301 개인작업 과제 오랜만의 스터디 타임. 항해를 하면서 좋은사람들을 만나는거 외에 내가 가장 좋아하는 시간이다. 이 스터디를 통해서 얻는게 너무 많고, 서로 분야를 나눠서 공부하니까 정리 시간도 절약되고 너무 좋다. 스터디에는 레벨의 높낮음이 중요하다고 생각 안한다.조금 코드를 더 잘 읽는사람은, 리캡을 할수 있어..

https://programmers.co.kr/learn/courses/30/lessons/81301 function solution(s) { // 정답을 담을 변수 var answer = 0; // 알파벳과 숫자들을 관리할 배열 let alphabet = ["zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine"]; let number = [0,1,2,3,4,5,6,7,8,9]; // s로 들어온 값이 숫자가 아니면 계속 true do{ // 알파벳이나 배열 길이만큼 돌린다. 둘중 누구던 상관없다. for(let i = 0; i

툴킷에 대해 공식문서 예제로 설명을 하려한다. https://redux-toolkit.js.org/tutorials/quick-start 1. store를 생성해준다 import { configureStore } from '@reduxjs/toolkit' // 빈 스토어 생성, // configureStore - reducer에서 반환된 새로운 state를 store라는 객체로 정리 export const store = configureStore({ reducer: {}, }) 2. store를 index.js에 연결해준다 - 전역관리 세팅 import React from 'react' import ReactDOM from 'react-dom' import './index.css' import App f..

Redux 란 store : 변수들을 저장하고 있는 저장소입니다 -> 단 1개만 생성가능 view : 우리가 보는 화면을 말합니다. action : store에 있는 값을 바꾸고 싶을 때 action을 활용합니다. -> store안의 데이터는 오로지 action으로만 변경가능하다. -> action을 dispatch한다 라고 표현한다. reducer : 이전의 상태와 바꾸고자 하는 action을 합쳐 새로운 값을 생성합니다 -> 값을 실질적으로 수정하는곳, CRUD 가능. 쉽게말하자면 store라는 창고가 있다. 거기서 데이터들을 보관할거고 만약 데이터를 수정할일이 있으면 수정해 달라는걸 관리인한테 알려줘서 수정을 진행해야한다. - 수정해달라고 알려주는거( action을 dispatch), 관리인이수정 ..

오늘의 목표 스파르타 x 스터디팀 공부 윤님 - useRef, 반응형웹 백재님 - JS, REACT 준호님 - Redux? 팀작업 1. 해리포터 덕질 사이트 - 미니게임 페이지 CSS - 책소개 페이지 다듬기 개인공부 - 리덕스 툴킷 - 제로초 리액트 3강 전산학공부 08 하드웨어 (발표) 알고리즘, 자료구조공부 https://programmers.co.kr/learn/courses/30/lessons/81301 개인작업 x 오늘은 매니저님과 면담이 있었다.. 그것도 그렇고 정말 피곤하지만 얻은건 없다느껴지는 한주였다. 다음주에도 이러면 안되는데. 5/28 DOM, 서버리스 추가 DOM - https://devkevin0408.tistory.com/170 서버리스 - 개발자가 서버를 관리할 필요 없이 애..

https://velog.io/@syk0323/cs%EB%AA%A8%ED%98%95-%EC%BB%B4%ED%93%A8%ED%84%B0%EB%A1%9C-%EB%8D%94%ED%95%98%EA%B8%B0-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8-%EB%A7%8C%EB%93%A4%EA%B8%B0 프로세서와 계산기의 다른점 프로세서의 기본 연산 산술연산 메모리에서 연산을 수행할 데이터를 가져오고 연산 결과 메모리에 저장 버스로 전송되는 신호를 통해 전기적으로 연결된 장치에 대한 입출력을 조정 🔎 프로세서가 계산기와 다른점 프로세서는 결정을 내릴 수 있다 즉 계산기와 달리 사람의 개입 없이도 작동할 수 있다 프로세서는 현재 처리 중인 데이터를 기반으로 다음에 무슨 일을 할지 결정할 수 있..