-
[React] Styled-Components 설치 에러
에러 확인 클론코딩 진행중에 발생한 에러이다. 순조롭게 따라 진행 중 styled-components 를 사용하기 위해 npm install 을 입력했다. 먼저, 강의 영상에서와 같이 yarn 명령어를 통해 설치하려했지만, 아래와 같이 yarn 에 대한 패키지가 설치되어 있지 않아 진행되지 않았다. yarn add styled-components 그래서 대체 방법으로 npm install 을 사용했다. npm install styled-components ?????? 에러 발생 😱 구글에 찾아보니, react 의 버전과 설치하고자하는 패키지의 버전이 일치하지 않아 발생하는 에러라고 한다. ...
-
[React] 콘솔 창에서 같은 결과가 중복되어 출력되는경우
아래와 같이 console.log 를 찍어 보았을 때, 같은 결과가 중복되어 출력된다. index.js 에서 코드를 살펴보자. Reference StrictMode 가 뭘까? https://velog.io/@sweet_pumpkin/%EB%AC%B4%EC%9E%91%EC%A0%95-%EB%94%B0%EB%9D%BC%ED%95%98%EA%B8%B0-%EC%95%84%EB%8B%88-%EC%99%9C-%EC%BD%94%EB%93%9C%EA%B0%80-%EB%91%90-%EB%B2%88-%EC%B6%9C%EB%A0%A5%EB%90%98%EB%8A%94-%EA%B1%B4%EB%8D%B0...
-
[React] Code Refactoring 을 통한 리소스 줄이기
프로젝트 MBTI MBTI 를 구현할때 선택한 버튼에 해당하여 누적된 Score 를 계산해주는 로직이다. 다음과 같이 버튼 A 와 B 를 눌렀을 때 점수를 계산해주는 내용이 정의된 함수가 있다. const handleClickButtonA = (no, type) => { if (type === "EI") { // 기존 스코어에 더할 값을 계산 (기존의 값 + 배점) const addScore = totalScore[0].score + no // 새로운 객체 const newObject = { id : 'EI', score : addScore} ...