Mr.november11

문제 현상 : yarn build 후 배포한 페이지에서 tailwind.config.js 에 정의한 커스텀 컬러가 적용되지 않음 해결 방법 npx tailwindcss-cli@latest build -o tailwind.css 으로 tailwind 관련 css 파일 생성 $ npx tailwindcss-cli@latest build -o tailwind.css tailwindcss 2.0.4 🚀 Building from default CSS... (No input file provided) ✅ Finished in 3.04 s 📦 Size: 4.28MB 💾 Saved to tailwind.css 생성된 tailwind.css 파일을 public 폴더에 복사 public/index.html 파일에 head..

모바일에서 input 컴포넌트 클릭 시 자동으로 화면이 확대될 경우 해결 방법은 메타데이터 내 user-scalable=no 를 설정하면 된다. CRA로 생성한 리액트 프로젝트 기준으로 다음과 같이 index.html 파일 내 viewport 메타 데이터 정보가 존재한다.

참고 사이트 : https://reactgo.com/deploy-react-app-github-pages/ 리액트로 생성한 정적 웹페이지는 AWS의 S3, Heroku, Github Pages 등을 사용하여 무료 또는 저렴한 가격으로 호스팅할 수 있습니다. Heroku의 경우에는 한국 Region을 지원하지 않기 때문에 접속 시 해외망을 경유하여 속도가 매우 느립니다. AWS S3의 경우에는 소액이지만 S3 공간에 대한 금액이 발생합니다. 따라서 무료로 사용 가능한 Github Pages를 활용하여 리액트 프로젝트를 호스팅 해보겠습니다. Github Page는 Github에서 제공하는 웹 호스팅 서비스로 무료로 사용하기 위해서는 Gibhub 리포지터리를 공개형(Public)으로 설정해야 합니다. 보안상 ..

[React] (번역) 2020년 리액트 개발자 로드맵 - 모던 프런트엔드 웹 개발자가 되기 위한 가이드 원문 : https://javarevisited.blogspot.com/2018/10/the-2018-react-developer-roadmap.html 리액트를 처음 접하는 개발자를 위한 가이드로 필요없는 부분은 적절하게 생략하거나 의미에 맞게 의역했습니다. 리액트(React JS 또는 React)는 웹 애플리케이션의 프런트엔드를 개발하기 위한 유명한 라이브러리중 하나다. 페이스북에서 개발한 리액트(리액트 JS)는 최근 급속도로 성장했으며 컴포넌트 기반 GUI 개발을 위한 사실상의 표준 라이브러리가 되었다. 리액트 이외에도 Angular나 Vue.js와 같은 다른 프런트엔드 프레임워크가 있지만 리액..