계발하는 개발자

오픈소스를 보다보면 구조 분해 할당된 코드를 심심치 않게 볼 수 있다. 내 경우 평소에 잘 써보지 않은 문법이라 이번에 맘 먹고 정리해보기로 했다! 구조분해할당(Destructuring assignment) 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. 개발을 하다 보면 객체나 배열에 저장된 일부 데이터에 접근해야 하는 경우가 생기기 마련이다. 이럴 때 객체나 배열을 변수로 '분해'할 수 있게 해주는 특별한 문법인 구조 분해 할당을 사용할 수 있다. 1. 객체 분해 객체 분해의 경우 아래처럼 내가 원하는 특정 값을 변수에 담을 수 있다. 기본 변수 할당 객체 구조분해 변수에 값을 할당하는 기본 방법은 다음과 같다. cons..

참고 https://github.com/FortAwesome/react-fontawesome/issues/366 에러 폰트어썸 regular 아이콘을 사용하려고 했을 때 아래같은 에러가 발생했다. 원인 스택오버플로우를 쭉 살펴보니까 패키지 버전 호환으로 인한 에러라고들 했다. 이러한 버전 호환성 에러는 fontawesome-svg-core 패키지가 Font Awesome의 다른 패키지와 버전 호환성이 없을 경우 발생할 수 있는데 난 애초에 svg-core 패키지를 설치하지 않아서 그런듯.. 해결 fortawesome/fontawesome-svg-core 패키지를 추가로 설치해줬고, 에러가 사라졌다. // before "@fortawesome/free-regular-svg-icons": "^6.5.1", ..

리액트에서 오랜만에 폰트어썸 아이콘을 사용하려고하니 공식문서를 보면서도 조금 헤맸다. 그래서 따로 정리하는 포스팅..! 다운로드 npm install --save @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons 스크립트 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons'; 사용 방법 사용하려는 아이콘을 선택해서 React 탭 > 아이콘 이름 부분을 파스칼케이스 방식으로 위와 가팅 icon 속성에 적어주면 해당 아이콘이 삽입되게 ..

에러 react 에서 폰트어썸 아이콘을 사용하려고 패키지 설치하려고 했을 때 아래같은 에러가 떴다. c:\Users\LG\Desktop\my_project\cashbook\frontend>npm i --save @fortawesome/react-fontawesome@latest npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: react-scripts@5.0.1 npm ERR! Found: typescript@5.3.2 npm ERR! node_modules/typescript npm ERR! peer typescript@">= 2.7" from fork-ts-checker-webpack..