Redux Toolkit Redux 로직을 작성하기 위한 공식 권장 접근 방식 Redux 코어를 둘러싸고 있음 Redux 앱을 빌드하는 데 필수적인 패키지/기능이 포함되어 있음 Redux 작업을 단순화하고 실수를 방지할 수 있음 Redux Toolkit + 리액트 + 타입스크립트 프로젝트 생성 npx create-react-app [프로젝트 이름] --template redux-typescript 기본으로 카운터 애플리케이션이 생성됨 Redux Toolkit 설치 (기존 프로젝트에 설치) npm install @reduxjs/toolkit react-redux Store 생성 configureStore 를 사용하여 Redux Store 생성 reducer 함수를 인수로 전달받음 import { confi..

Redux Thunk 리덕스를 사용하는 앱에서 비동기 작업을 할 때 많이 사용하는 방법 리덕스 미들웨어임 Thunk : 일부 지연된 작업을 수행하는 코드 조각을 의미하는 프로그래밍 용어 1 ) redux-thunk 없이 구현할 경우 thunk 나 promise 같은 미들웨어 없이 구현해도 상관없음 하지만 미들웨어는 중앙 집중식 접근 방식이기 때문에 구성 요소를 더 간단하게 일반화하고 한 곳에서 데이터 흐름을 제어할 수 있음 큰 규모의 애플리케이션에서 리덕스를 사용하기에 더욱 편리해짐 useEffect(() => { fetchPosts(); }, []); async function fetchPosts() { const response = await axios.get("https://..."); dispat..

커링 (Currying) 함수와 함께 사용하는 고급 기술 f(a, b, c) 처럼 단일 호출로 처리하는 함수를 f(a)(b)(c) 와 같이 각각의 인수가 호출 가능한 프로세스로 호출된 후 병합될 수 있게 변환하는 것 함수를 호출하는 것이 아니라 함수를 변환하는 것 예시 1) const makeFood = (ingredient1) => { return (ingredient2) => { return (ingredient3) => { return `${ingredient1}, ${ingredient2}, ${ingredient3}`; } } } const hamburger = makeFood("Bread")("Ham")("Tomato"); console.log(hamberger); // Bread, Ham, ..

문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/12941 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 문제 풀이 function solution(A, B) { let answer = 0; A.sort((a, b) => a - b); B.sort((a, b) => b - a); for (let i = 0; i < A.length; i++) { answer += A[i] * B[i]; } return answer; } 첫 번째 배열에서 가장 작은 값 * 두 번째 배열에서 가장 큰 값 ..

문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/12951 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 문제 풀이 function solution(s) { return s .split(' ') .map((str) => (str ? str[0].toUpperCase() + str.substring(1).toLowerCase() : '')) .join(' '); } 주어진 문자열을 공백으로 구분하여 쪼갬, 해당 요소들을 가진 배열을 생성함 배열의 요소들을 하나씩 꺼내어 반환된 값으로 새..

문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/12939 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 문제 풀이 function solution(s) { let answer = ''; const numbers = s.split(' '); answer = Math.min(...numbers) + ' ' + Math.max(...numbers); return answer; } 주어진 문자열을 공백으로 구분해 쪼개어 변수에 할당함 배열 요소 중 최소값 + 공백 + 배열의 요소 중 최대값..