Programming/React (19) 썸네일형 리스트형 [React] favicon.ico 파비콘 바꾸기 파비콘을 바꾸는 작업이 필요해서 나중에 또 보려고 기록. 우선 가지고 있는 이미지(png, jpeg 등) 파일을 Convertio 홈페이지에서 ico 파일로 변환시켜주어야 함. 1. 하단 사이트 방문 Convertio — 파일 변환기 300가지 이상의 포맷 지원 저희는 300가지 이상의 서로 다른 파일 포맷 간의 25600가지 이상의 서로 다른 변환을 지원합니다. 다른 어떤 변환기보다 많은 수입니다. 신속 및 간단 페이지에 간단히 convertio.co 2. 파일 선택 클릭 후 ico 로 바꿀 이미지 선택 3. 영상 > ico 선택 4. 변환 클릭 5. 변환 후 다운로드 6. React 프로젝트의 public 폴더에 있는 favicon.ico와 교체해준다. 7. 적용 확인하기 [React] 로컬 폰트 적용하기(.ttf/.otf) 기존 폰트가 아닌 다른 폰트를 적용하게 되어 기록. 1. Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 등을 통해 폰트를 다운받는다. 2. 원하는 경로에 font관련 폴더를 만들어 해당 폰트를 넣는다. 3. .css 파일에서 폰트를 불러온다. 나는 default.css 파일을 따로 만들어 폰트를 관리하도록 했다. @font-face {}를 통해 해당 폰트를 불러올 이름을 font-family로 지정하고, src: url();를 통해 폰트를 저장한 경로를 불러온다. 4. font 사용법 위처럼 해당 폰트를 사용할 부분에 3번의 font-family로 설정한 이름을 불러온다... [React] VS Code 사용 시 React에서 Emmet 사용하기 Emmet에 익숙해진 상태에서 React를 사용하면 참 별거 아닌데도 불편함이 느껴진다. 다시 Emmet을 활성화 시키는 방법을 찾아 나중을 위해 기록. 1. Mac의 경우 Command + , Window의 경우 Ctrl + , 를 통해 Settings를 엽니다. 2. Settings에서 workspace setting 검색 3. Edit in settings.json 클릭 4. 열린 json파일에 아래의 내용 추가 "emmet.includeLanguages": { "javascript": "javascriptreact" } 5. 이제 React에서도 jsx 작성 시 Emmet을 사용할 수 있게 되었습니다:) 이전 1 2 3 다음
