리액트프로젝트만들기 (2) 썸네일형 리스트형 [리액트 React] 리액트에서 favicon 변경하는 방법 / 리액트에서 웹 타이틀 변경하는 방법 / How to change favicon/web title in React 안녕하세요. 디자인도하고 개발도 하는 '디발자 뚝딱'입니다. 이번 포스팅에서 공유할 내용은 아래와 같습니다. - 리액트에서 favicon 변경하는 방법. How to change favicon in React. - 리액트에서 웹 타이틀 변경하는 방법. How to change web title in React. 1. 파비콘 만들기 제가 여러 사이트를 비교하면서 만들어봤는데, 아이콘 배경이 하얀색으로 제작되는 곳도 있더라구요..? 그러면 안 예쁘..죠... 해당 사이트에서는 파비콘 배경이 투명색으로 제작되어 깔끔하답니다. 방법은 아주 간단해요! 해당 링크에 들어가서, 아래 이미지에 적힌 번호 순서대로 진행해 주세요. 그러면 '~.ico' 파일이 다운받아집니다. 무료 로고 메이커 및 개인 디자이너 - Wiz.. [리액트 react] 리액트 프로젝트 만들기 1. 바탕화면에 새로운 폴더를 만든다. 2. VSCODE에서 생성한 폴더를 연다. 3. 터미널 열기 (Cntl + `) (1) npm init react-app . 입력 후 엔터 마침표는 현재 디렉토리에서 프로젝트를 만들겠다는 뜻. (2) 'create-react-app Ok to proceed?'라는 문구가 나오면 y 입력 후 엔터 (3) 프로젝트 생성됨 (4) npm run start 입력 후 엔터 프로젝트를 실행하는 명령어 (크롬 브라우저가 열린다.) 코드를 수정하면 브라우저에 바로바로 반영할 수 있도록 해준다. '개발 모드를 실행했다'라고도 표현함. 4. src 폴더에 있는 App.js를 열어 코드를 수정하여 나만의 프로젝트로 만든다.
