[React]Redux 사용방법

⭐ 설치방법 npm i redux react-redux npm i redux ✔️ 프로젝트 구조 redux 폴더 - 리덕스 관련 파일 저장 config 폴더 - 리덕스 설정 관련 파일 저장 configStore - 상태 관리하는 곳. rootReducer 존재함 modules 폴더 - 기능별로 나눠서 저장 ⭐기본세팅 ✔️ /src/redux/config/configStore.js import { createStore } from "redux"; import { combineReducers } from "redux"; const rootReducer = combineReducers({}); const store = createStore(rootReducer); export default store; cre..

• format_list_bulleted React
• · 2024. 2. 8.
• textsms

[React]React Redux란?

⭐ Redux와 React Redux에 대해 설명하기 전에 Redux와 React의 관계에 대해 먼저 알고 가자! Redux는 상태 관리 라이브러리이다. 지금까지 "Redux는 React에서 쓰는 라이브러리다"라고 알고 있었는데 잘못된 지식이였다.. Redux는 JavaScript의 상태 관리 라이브러리 중 하나일뿐, React에 종속된 기술이 아니다!! React Redux라는 React 전용 상태 관리 라이브러리가 따로 존재한다. 이 글에서는 React Redux에 대해 설명할 것이다. 아래에서 Redux라 부르는 것은 모두 React Redux다!! ⭐ 그래서 Redux란? React에서 state는 컴포넌트 안에서 관리 되는데, 자식 컴포넌트끼리는 데이터를 주고 받을 수 없어서 부모 컴포넌트를 거..

• format_list_bulleted React
• · 2024. 2. 2.
• textsms

[Programmers]삼각 달팽이/JS

문제링크 https://school.programmers.co.kr/learn/courses/30/lessons/68645 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 접근방법 규칙 찾고 싶어서 난리치다가 찾아낸 규칙! 왼쪽 대각선, 아래 직선, 오른쪽 대각선 세 선을 반복해서 돈다는 사실을 발견했다. 이차원 배열로 만들어서 인덱스를 보면 인덱스에도 규칙이 있다. 왼쪽 대각선 -> 행의 값을 1씩 늘리면서 값도 1씩 증가 아래 직선 -> 선을 따라서 값이 1씩 증가 오른쪽 대각선 -> 행과 열의 값을 1씩 감소시키면서 값을 1씩 증가 그리고 규칙이 적용..

• format_list_bulleted Programmers
• · 2024. 2. 1.
• textsms

[Programmers]땅따먹기/JS

문제링크 https://school.programmers.co.kr/learn/courses/30/lessons/12913 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 접근방법 같은 열만 안밟으면 되는 문제인줄 알고 그렇게 풀었다가 테스트가 다 실패했다.. 당황해서 문제 다시 정독해보니 얻을 수 있는 점수의 최대값을 return 알고보니 DP 문제였다. 문제를 보고 DP 문제인지 파악하는 것부터 어려운데.. ㅠㅅㅠ DP로 푸니까 뚝딱 풀리는 문제였다! 처음코드 == 다 실패한 코드ㅋ function solution(land) { var answer = ..

• format_list_bulleted Programmers
• · 2024. 2. 1.
• textsms

[Programmers]가장 큰 정사각형 찾기/JS

문제링크 https://school.programmers.co.kr/learn/courses/30/lessons/12905# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 접근방법 정답부터 말하자면 이 문제는 DP문제이다(난 몰랐음) 배열을 다 돌면서 확인해야되나? DFS인가? 혼자 고민고민하다가 뭔가 정해진 풀이가 있을 거 같아서 구글링해봤다 원래같았으면 몇시간동안 이리저리 풀어봤을텐데 뭔가 삘이 왔어 내가 못풀거라는 삘.. DP란 큰 문제를 작은 문제로 쪼개서 그 답을 저장해두고 재활용하는 방식이다. 반복문을 돌면서 이전에 구해놓은 길이와 비교하면서 ..

• format_list_bulleted Programmers
• · 2024. 1. 28.
• textsms

[Programmers]게임 맵 최단거리/JS

문제링크 https://school.programmers.co.kr/learn/courses/30/lessons/1844 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 접근방법 처음엔 DFS?BFS? 뭐로 풀어야 할 지부터 고민했다. 그래서 개념부터 찾아봤더니 최단거리문제는 BFS로 풀어야한다해서 BFS 구현하고 문제에서 원하는 조건 몇개만 추가해주면 되겠다라고 생각했다.(말이 쉽지..) 처음코드 function solution(maps) { var answer = 0; let visit = Array.from(new Array(maps.length), ..

• format_list_bulleted Programmers
• · 2024. 1. 23.
• textsms