
[공부] Font Awesome React 설치 및 사용
2022. 4. 28. 23:02
공부/프론트엔드
📖 Font Awesome 패키지 설치 SVG Core SVG Core 패키지를 설치하면, Font Awesome에 있는 아이콘(SVG)를 이용할 수 있다. npm i @fortawesome/fontawesome-svg-core Icon Packages Icon Packages를 설치하면, Font Awesome 무료 아이콘을 이용할 수 있다. # 무료 아이콘 npm i @fortawesome/free-solid-svg-icons npm i @fortawesome/free-regular-svg-icons 만약 유료 아이콘을 사용하려면, 밑의 코드를 작성해 추가로 설치하면 된다. # 유료 아이콘 npm i @fortawesome/pro-solid-svg-icons npm i @fortawesome/pro-..

[1人 프로젝트] 다른 색깔 찾기 게임 6회차 (完)
2022. 2. 13. 21:40
프로 젝트/다른 색깔 찾기
🎉 성과 완성한 부분 자바스크립트 → 타입스크립트 완성한 이유 넘블 챌린지의 개발 조건 중 하나는 자바스크립트 대신 타입 스크립트로 코드를 작성하는 것이다. 따라서 이를 수행하기 위해 타입스크립트로 변환했다. ✨ 느낀 점 👍 알게 된 점 타입스크립트에서 CSS Module 사용하기 1. 터미널에 밑의 코드 입력(CSS Module 기능 설치) npm install -D typescript-plugin-css-modules 2. tsconfig.json 파일에 밑의 코드 입력 3. scr 폴더에 global.d.ts 파일 생성 후 밑의 코드 입력 여기까지 진행완료하면 CSS Module을 사용할 수 있게 된다. 인수 타입 설정하기 문자열을 숫자로 변환시켜주는 함수, 인수타입 문자열로 바꾸기 처음에 에러가 ..