TIL 24.11.26

윤지·2024년 11월 26일
post-thumbnail

📚 TIL

리액트 CSS 스타일링
웹폰트 적용(Google Fonts, Noonnu, Custom Fonts)


💡 깃허브 프로젝트 템플릿 (starter_pack) 활용

프로젝트 시작 시 매번 처음부터 환경 설정이 필요한 경우 시간 소요가 큼.

스타터팩 활용 시 빠르고 효율적인 프로젝트 시작 가능.

스타터팩이란? 프로젝트 시작을 위한 초기 설정과 기본 파일 구조가 포함된 GitHub 레포지토리

ex) React와 TailwindCSS 프로젝트 시작 시 해당 설정이 포함된 스타터팩 활용 가능

  • 예시 레포 이름: react_tailwind_tarter_pack
  • 관용적 네이밍: starter_pack 형태로 사용

사용 방법

  1. 준비물
  • 깃허브 스타터팩 레포지토리
  1. 프로젝트 폴더 생성
  • 새로운 프로젝트 시작을 위한 폴더 생성
  1. 스타터팩 클론

스타터팩 레포지토리 클론

git clone [repository-url].git .
  • .은 현재 디렉토리에 클론하는 의미
  1. 의존성 설치
npm install

💬 마치며

하루종일 설치하고 설치하고 설치했다
듣고 강사님 코드를 따라치면서 이해는 됐는데
👩‍🎤: 자 이제 혼자 해 보렴

... 프로젝트 시작 전에 혼자 작게라도 이것저것 적용해 봐야겠다.

벌써 눈소식이 있다 교육 시작하면서 알바 외에는 밖을 안 나가서 날씨가 얼마나 추운지도 모르겠음

눈 오면 마크 눈사람 만들 거다(네모네모)

profile
프론트엔드 공부 기록 아카이빙🍁

0개의 댓글