[공부] 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人 프로젝트] 다른 색깔 찾기 게임 5회차
2022. 2. 12. 19:49
프로 젝트/다른 색깔 찾기
🎉 성과 완성한 부분 컴포넌트 별 파일 분리 완성한 이유 React의 꽃은 재사용이 가능하다는 점이다. 이를 위해, HTML에서 호출되는 App.js파일은 컴포넌트만 불러오도록 하여 깔끔하게 정리하고, 컴포넌트의 각 기능별로 파일을 나누어 폴더 안에 저장하였다. ✨ 느낀 점 ❗ 보완할 점 자바스크립트 → 타입스크립트 넘블 챌린지의 조건은 자바스크립트 대신 타입 스크립트로 코드를 작성하는 것이다. 조금 걱정이 되는 게 타입 스크립트를 한 번도 배워보지 않았던 것이다. 다만, 다행히도 예전에 배웠던 코틀린 문법과 비슷하게, 해당 변수(?)가 받는 인자가 숫자(let a : number)인지 문자(let a : string)인지 체크하는 용도인 거 같다. 내일이 마지막 제출 날인데, 내일 타입 스크립트로 작성..