김잿빛의 정리 노트

React로 새로운 웹앱 프로젝트를 시작할 때 CRA(create-react-app), Gatsby.js, Next.js 중에서 뭘 써야할까? 1. CRA가 유리한 경우 - SPA(single page application)이고 백앤드가 필요하지 않은 경우 - 서버 API만 있으면 되는 경우 - 그냥 React 맛만 봐보고 싶은 경우 - 내가 만든 library를 사용해보고 싶을 경우 2. Gatsby가 유리한 경우 - 랜딩 페이지를 만드는 경우 - 스태틱 웹사이트를 만드는 경우 - 검색이 잘 되어야하는 경우(SEO나 AMP) - 성능 최적화가 필요한 페이지가 있을 경우 3. Next.js가 유리한 경우 - 프론트, 백앤드가 모두 필요한 경우 - express.js로 짜놓은 것의 프론트 작업이 필요한 경..

CSS Overview는 크롬이 올해 7월정도부터 추가한 새로운 기능인데 매우 유용합니다. 우선 크롬창에서 windows 기준 ctrl + shift + i (또는 F12)를 눌러서 개발자도구를 들어갑니다. 그후 F1을 누르거나 아래그림처럼 설정 버튼을 눌러 들어갑니다. 그럼 Settings가 뜨는데요, 왼쪽 메뉴에서 Experiments를 누르고, CSS Overview를 찾아 체크해줍니다. 이후 크롬을 재시작하고 다시 개발자도구를 들어가면 아래처럼 CSS Overview가 메뉴에 나옵니다. CSS Overview를 눌러보면, 말그대로 원하는 페이지에서 css 정보를 한눈에 보이도록 제공해줍니다. 유용한 기능 같으니 한번 활용해보세요~

구글의 앵귤러가 유리한 경우 1. 매우 크고 복잡한 프로젝트를 만들 때 2. 프로젝트의 확장성이 쉽고 안정적이어야할 경우 3. TypeScript를 알거나 배울 의지가 충분할 때 페이스북의 리액트가 유리한 경우 1. 반복 사용되는 컴포넌트가 많을 경우 2. 프론트앤드가 그리 복잡하지 않을 경우 3. 확장성과 속도가 가장 중요할 경우 4. 끝낼 시간이 많이 없을 경우 Vue.js가 유리한 경우 1. 프로젝트 규모가 작은 편인 경우 2. 뛰어난 성능이 필요한 경우 3. 자바스크립트를 알긴 하지만, 프론트앤드가 처음인 경우 4. 새로운 기술을 익힐 시간이 부족할 경우