SUIN

Redux 리덕스는 리액트에서 가장 많이 사용되는 상태 관리 라이브러리 중 하나이다. 공식 사이트 : https://ko.redux.js.org/introduction/getting-started/ Redux 용어 더보기 State, Action, Action Creator, Reducer, Store, Dispatch, Subscribe, Selector State 리덕스에서는 저장하고 있는 상태값을 State라고 한다. 딕셔너리 형태({[key]: value})형태로 보관할 수 있다 Action(액션) 상태에 변화가 필요할 때 발생하는 것 {type: 'CHANGE_STATE', data: {...}} Action Creator (액션 생성 함수) 액션 생성 함수(액션을 만들기 위해 사용) 화살표 함..

향해 22일째를 달리는 중 저번 주 React 기초 주차가 끝이 나고 숙련 주차가 시작되었다 리액트 기초반 강의 중 3주 차 ~5주 차까지의 내용을 하루 만에 완강해야 해서 아침부터 부랴부랴 강의를 듣기 시작했다 이제 막 리액트와 친해졌다고 생각했는데 3강 리덕스 4강, 5강 Firebase가 나오기 시작하면서 멘탈이 하나둘씩 나가기 시작했다 분명 강의를 이해하면서 듣고 있다고 생각했는데 범위가 많다 보니 처음에 들었던 강의와 헷갈리기 시작해 강의를 따라가는 게 너무 힘들었다 오늘은 리덕스에 대해서 정리 후 내일 개인과제를 시작하며 리덕스를 조금 더 공부할 생각이다.

1주간의 일정 및 프로젝트 내용 개인 프로젝트 과제 - 리뷰 페이지 제작하기 - Git Link : https://github.com/whl5105/hanghae99-chapther3-review 팀 프로젝트 과제 - 답변 및 DIY Section 5개 만들기 - Notion Link : https://puzzled-empress-d3f.notion.site/React-15-12c41e1b561d45f3a6b213aba8886edb 1주일 동안 난 무엇을 알게 되었는가 1. DOM DOM(돔) 이란? - Document Object Model - HTML 단위(요소들) 하나하나를 객체(Object)로 생각하며 메모리에 웹페이지를 논리 트리로 표현하는 문서객체 모델이다 문서객체란 이나 같은 html문서의 ..

2주차 회고록 항해를 시작한 지 13일이 지났다. 1주 차 마지막 날에 알고리즘 걷기 반과 달리기 반 중 아직 배경지식이 너무 부족했기 때문에 걷기 반을 선택했다 2주 차가 시작하는 월요일에 새로운 조가 배정이 되었고 이번 주는 기존의 조와 다르게 2명과 한조가 되었다. 알고리즘 주차 내용은 걷기 반 기준 총 28문제를 풀며 팀원들과 코드 리뷰를 하고 28문제를 완주한 팀은 +12문제를 추가적으로 풀 수 있었다 (12문제는 선택사항) 마지막 토요일은 알고리즘 테스트를 하고 2주 차를 마무리했다 1주간의 일정 내용 1일차 ~ 5일차 - 하루에 알고리즘 6문제~9문제 풀기 (5일차까지 28문제 완주하기!!) - 팀원들과 서로 문제 코드 리뷰 - 하루 목표 달성 시 개인 복습 및 공부 6일차 - 알고리즘 복습..

MDN       map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. MDN      filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다.     MDN      reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.  map()구문  arr.map(callback(currentValue[, index[, array]])[, thisArg])Array.prototype.map ( callbackfn [ , thisArg ] )map은 간결하지만 for문을 사용하면 "순환"이라는 부분까지 직접 처리해야 하기 때문에 작성해야 하..

문제 설명 길이가 같은 두 1차원 정수 배열 a, b가 매개변수로 주어집니다. a와 b의 내적을 return 하도록 solution 함수를 완성해주세요. 이때, a와 b의 내적은 a[0]*b[0] + a[1]*b[1] + ... + a[n-1]*b[n-1] 입니다. (n은 a, b의 길이) 제한사항 a, b의 길이는 1 이상 1,000 이하입니다. a, b의 모든 수는 -1,000 이상 1,000 이하입니다. 입출력 예 a b result [1,2,3,4] [-3,-1,0,2] 3 [-1,0,1] [1,0,-1] -2 입출력 예 설명 입출력 예 #1 a와 b의 내적은 1*(-3) + 2*(-1) + 3*0 + 4*2 = 3 입니다. 입출력 예 #2 a와 b의 내적은 (-1)*1 + 0*0 + 1*(-1)..

문제 설명 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요. divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환하세요. 제한사항 arr은 자연수를 담은 배열입니다. 정수 i, j에 대해 i ≠ j 이면 arr[i] ≠ arr[j] 입니다. divisor는 자연수입니다. array는 길이 1 이상인 배열입니다. 입출력 예 arr divisor return [5, 9, 7, 10] 5 [5, 10] [2, 36, 1, 3] 1 [1, 2, 3, 36] [3,2,6] 10 [-1] 입출력 예 설명 입출력 예#1 arr의 원소 중 5로 나누어 떨어지는 원소는 5와 10입니다. 따라..

문제 설명 2016년 1월 1일은 금요일입니다. 2016년 a월 b일은 무슨 요일일까요? 두 수 a ,b를 입력받아 2016년 a월 b일이 무슨 요일인지 리턴하는 함수, solution을 완성하세요. 요일의 이름은 일요일부터 토요일까지 각각 SUN,MON,TUE,WED,THU,FRI,SAT 입니다. 예를 들어 a=5, b=24라면 5월 24일은 화요일이므로 문자열 "TUE"를 반환하세요. 제한 조건 2016년은 윤년입니다. 2016년 a월 b일은 실제로 있는 날입니다. (13월 26일이나 2월 45일같은 날짜는 주어지지 않습니다) 입출력 예 a b result 5 24 "TUE" 문제 function solution(a, b) { var answer = ''; return answer; } 풀지 못함 f..