본문 바로가기
반응형

전체 글416

(React)카운터 Redux로 만들기 - 4 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript (React)카운터 Redux로 만들기 -3 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Red sancho216.tistory.com 그전 코드는 위에 글을 가면 확인할 수 있습니다. 이번에는 5가 증가하는 버튼을 만들어 볼 예정입니다. counter.js import React from 'react'.. 2022. 6. 23.
(React)카운터 Redux로 만들기 -3 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript (React)카운터 Redux로 만들기 -2 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux sancho216.tistory.com 그전 코드는 위에 글을 가면 확인할 수 있다. 카운터를 늘려줄 +,- 버튼을 추가한다. import React from 'react'; import { useSelect.. 2022. 6. 23.
(React)카운터 Redux로 만들기 -2 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript (React)카운터 redux로 만들기 -1 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux sancho216.tistory.com 이번글을 보기전에 링크를 먼저 보고 오시면 됩니다. 쭉이어서 작업을 하니까요. Counter.js에 UseSelector를 활용해서 counter를 표시해줄거다. Count.. 2022. 6. 22.
(React)카운터 Redux로 만들기 -1 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript 먼저 redux-counter 폴더를 생성한다. 폴더가 생성되면 redux를 설치해준다. 아래 코드를 붙여주면 설치가된다. npm install redux npm install react-redux 위에 사진처럼 package.json에 redux가 추가되있으면 설치를 성공한거다. 그다음 src 폴더 하위에 component 폴더와 store 폴더를 생성주고 component 폴더에는 Counter.js를 만들어주고 store폴더에는 index.js를 만들어준다.. 2022. 6. 22.
1688. Count of Matches in Tournament 문제 우승자를 뽑는 토너먼트다. 팀이 홀수이면 +1을 하고 2로 나누고 팀이 짝수이면 그대로 2로 나누면 된다. 그리고 나눈 나머지들을 다 더해서 총 매치 수를 반환하면 된다. 현재 풀이 /** * @param {number} n * @return {number} */ var numberOfMatches = function(n) { let sum = 0; while(n > 1){ if(n %2 === 1){ n=Math.floor(n/=2) sum+=n n+=1 }else{ n=Math.floor(n/=2) sum+=n } } return sum }; 몫에 소수점이 필요없어서 floor 함수를 이용했다. 그다음은 n이 홀수인지 짝수에 따라 분기를 처리해서 해결했다. 예전 풀이 /** * @param {n.. 2022. 6. 21.
코어 자바스크립트 1장 데이터 타입(06,07) 이 글은 전적으로 코어 자바스크립트를 읽고 나름대로 요약한 글이다. undefined와 null 자바스크립트에는 '없음'을 나타내는 값이 두 가지가 있습니다. 바로 undefined와 null입니다. 두 값의 의미는 같지만, 미세하게 다르고, 사용하는 목적 또한 다릅니다. undefined는 사용자가 명시적으로 지정할 수도 있지만 값이 존재하지 않을 때 JS 엔진이 자동으로 부여하는 경우도 있습니다. 사용자가 undefined를 지정하는 경우는 달리 덧붙일 내용이 없어 넘어가고, JS엔진이 자동으로 부여하는 경우에 대해 살펴봅시다. JS엔진은 사용자가 응당 어떤 값을 지정할 것이라고 예상되는 상황임에도 실제로는 그렇게 하지 않았을 때 undefined를 반환합니다. 다음 세 경우가 이에 해당합니다. 1... 2022. 6. 20.
반응형

티스토리툴바