TypeScript) 간단 경로(path) 설정
2022. 10. 19. 19:49
Frontend/React & React.Native &Next.js
tsConfig.json { "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "baseUrl":".", "paths":{..

NextJS) 로그인 유무 확인 기능, push와 replace 차이
2022. 10. 5. 23:01
Frontend/React & React.Native &Next.js
로그인 유무 확인 기능 enter를 쓰면 histroy에 남아 뒤로가기하면 그전 페이지로 이동한다. histroy에 남기지 않기 위해서는 replace 로 해야한다.
TailWindCSS) Set-up
2022. 7. 25. 14:42
Frontend/HTML, CSS, DOM, jQuery
설치 npm install -D tailwindcss postcss autoprefixer npx tailwind init -p ** 모든 다이렉토리 * 모든 파일 globals.css @tailwind base; @tailwind components; @tailwind utilities; npm install -D @tailwindcss/forms tailwind.config.js /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./pages/**/*.{js,jsx,ts,tsx}", "./components/**/*.{js,jsx,ts,tsx}" ], theme: { extend: {}, }, darkMode:"med..

GraphQL) 특징Over-Fetching, Under-Fetching
2022. 6. 20. 12:56
Frontend/프론트 라이브러리
over-fetching 프론트가 원하는 것보다 너무 많은 데이터를 데이터를받을 때 Under-Fetching 2개의 Url에 요청해야 원하는 데이터를 얻을 수 있을때 (2개 요청하면 로딩이 오래 걸리고, 1개라도 실패시에 제대로 데이터가 안나온다.) => 한번의 요청으로 원하는 데이터를 전부 가져올때 GraphQl 이 좋다