[공부] 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-..
오류 | git add 오류
2022. 4. 16. 23:03
공부/오류
"error: [폴더명] does-not-have-a-commit-checked-out" ❓상황 노트북 새로사게되어서, 옛날 노트북에 있는 파일을 깃허브에 push 하는 과정에서 발생한 오류 🔎 원인 파악 하나의 폴더에 git폴더가 여러개 있어서 발생한 오류 ✨ 해결 방법 오류 해결하여 원격저장소에 push하기 현재 상태 확인하기 $ git status 해당 폴더의 모든 .git 폴더 위치 확인 $ find . -name '.git' find : 찾는다 . : 현재 폴더위치에서 -name '.git' : 이름이 .git인 것을 상위 폴더를 제외한 자식 git 폴더 삭제 git bash에서 나온대로, 해당 폴더에 들어가서 .git 폴더 삭제 조치 취한 후 상태 확인하기 git status 원격 저장소에 p..
[1人 프로젝트] 포트폴리오 13회차
2022. 4. 2. 23:30
프로 젝트/포트폴리오
🎉 성과 완성한 부분 1. 포트폴리오 웹사이트의 경력부분 등록 완성한 이유 1. 취업을 하게되어서 수정하게 되었다.
[잡담] 프로그래밍 책 구매시 확인 할 것
2022. 3. 8. 14:34
수근수근
❓ 상황 공부하고 싶은 프로그래밍 언어 책 중에 기왕이면 최신 책을 구매해서 공부해야지 했는데, 이게 웬걸 너무 이해가 안되서 책을 찢어버리고 싶을 정도로 짜증이난다. 코드전체를 보여주지 않고 잘라서 일부 코드만 보여주고 설명해주니, 처음 배우는 입장에서는 뭔소리인지도 모르겠다. 그래서 다음번엔 책을 구매할때 어떤 부분을 참고하여 책을 구매할지 기준을 잡으려고 한다. ✨ 느낀점 💬 나의 다짐 구글에 책 제목을 검색했을때, 책 리뷰가 있을것 작성자의 강좌, 깃허브 참고하여 전문성을 가졌는지 확인할것 1. 책 구매 사이트에 적힌 리뷰말고, 블로그에 리뷰있는거 확인할것. 긍정이든 부정이든 상대방의 평가를 보고 판단내릴것. 또한 해당 책의 브랜드가 무엇인지 확인할것. 대체로 Do it 브랜드가 설명이 아주 자세..
[공부] 리액트 라우터 정리
2022. 3. 7. 01:18
공부/프론트엔드
📖 React Router 이해 로딩시 모든 자바스크립트 다운 → 규모가 크면 로딩 속도 느려짐 특정 페이지만 리렌더링 가능 → 속도 빠름, 자원 낭비 X 서드파티 라이브러리로, 공식 라이브러리가 아니다. 설치 및 불러오기 명령어 import 실습 App 컴포넌트 감싸기 실제 index.html에 반영되는 App 컴포넌트를 전역으로 사용하기 위해 scr/index.js 파일에 있는 App 컴포넌트를 감싼다. Home, About 페이지 만들기 Route 특정 주소에 컴포넌트 연결하기 url이 localhost:3000/ 으로 끝나면, Home 컴포넌트를 불러오고 url localhost:3000/about으로 끝나면, About 컴포넌트를 불러온다. 태그로 새로고침 방지 태그를 사용하면, 새로고침이 되기..