🌼파비콘
- 다운받아서 사이즈 별로 전부 넣어주기
🥞폰트
- 스포카 한 산스 네오
- noto sans korean
- lato (숫자 깔끔)
- open sans
- inter
사용법
<style>
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Ubuntu+Mono&display=swap');
</style>
body,
button,
input,
textarea {
font-family: 'Spoqa Han Sans Neo', Inter, Arial, PingFangSC-Regular, 'Microsoft YaHei', sans-serif;
font-feature-settings: 'tnum';
}
👀IE 저리갓!
<body>
<!--[if IE]>
<div id="ieGuide">
<h1>Please get out of here. </h1>
</div>
<![endif]-->
</body>😎구글 애널리틱스 GA
REACT_APP_GA_KEY_PROD=GA 프로덕션 아이디
REACT_APP_GA_KEY_DEV=GA 개발 아이디
export const getGaKey = (): string => {
const env = getEnv()
if (env === 'prod') return process.env.REACT_APP_GA_KEY_PROD ?? ''
return process.env.REACT_APP_GA_KEY_DEV ?? ''
}💥Import 순서
import 노드모듈 패키지 import 유틸리티 훅 서비스 타입import 컴포넌트🔎Search
- WebStone
- Redux
- MobX
- suspense
- day.js
- react-modal
- portal
- useMemo
- useQuery
- React helmet
- 아토믹 구조
- clean code
- clean stricture
- union type
- camel case
- Emotion
💫Ect
- API는 더러워도! 프론트는 더러워지지 말자!
- 프론트엔드 : 비즈니스 문제를 기술적으로 해결해줄 수 있는 사람. 기능적으로 생각해보자.
- 파일정리 잘하기!
- return 내부에는
- dependencies 뎁스
- props 최대 두개.
- 시맨틱 태그
- 드리블/핀터레스트 : shopping ui ux design 틈날때마다 보기!
useEffect : 무언가 변하면 행동한다.
useCallback : 함수 일일히 만들지 않고, 저장한 후 가져와 사용하겠다.
useMemo : 값을 일일히 계산하지 않고, 계산결과를 저장한 후 가져와 사용하겠다.
GET <- useQuery
POST <- useSendApi
🌱 Frontend Developer / ✏Studying / 🍋 React Typescript / 성장하는 프론트엔드 개발자!