일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- AWS
- logstash
- docker
- Linux
- 구글
- Kibana
- API
- MySQL
- MSSQL
- elasticsearch
- ssh
- nodejs
- s3
- sample
- ChatGPT
- JavaScript
- unity
- 설정
- 유니티
- mariadb
- build
- Ai
- Python
- 엘라스틱서치
- React
- error
- 영어
- JS
- Windows
- Today
- Total
목록NextJS (4)
가끔 보자, 하늘.
[...nextaut].js 에 아래와 유사한 코드가 있을 겁니다. callback 함수들 중 jwt, session을 이용해 추가 정보를 설정합니다. 하단의 원본 링크도 같이 읽어보세요. 정리해서 올릴 내용은 수두룩한데 (이 나이를 먹고도.. ) 마음만 급해서 잘 안되네요. 예전 정리했던 짧은 샘플 코드 하나라도 올려봅니다. async authorize(credentials, req) { . . . return {email: data.email, myname:'test'} // 리턴할 때 myname에 임의의 정보 추가 . . . }, callbacks: { async jwt({token, user}){ user && (token.user = user) // authorize에 리턴했던 값이 user ..
(https://ongamedev.tistory.com/499- 코드에서 이어집니다.) npm i -D tailwindcss postcss autoprefixer npx tailwindcss init -p vi tailwind.config.js >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> (...) content: [ "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", ], (...) > import 'tailwindcss/tailwind.css'; import Link from 'next/link' export default () => ( NextJS Sample Login Home Admi..
(Hello Page 만들기-https://ongamedev.tistory.com/498- 코드에서 이어집니다.) mkdir components && cd "$_" vi header.js >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> import Link from 'next/link' const linkStyle={marginRight: 15} export default () => ( Home Admin ) > import Header from '/components/header' const layoutStyle = { margin: 10, padding: 10, border: '1px soild #DDD' } export default (props) => ( {p..
샘플 코드가 기나긴 설명보다 좋을 때가 있습니다. 잘 이해 안되는 건 댓글 혹은 해당 키워드를 구글링 해보시면 바로 확인할 수 있습니다. mkdir ssr && cd "$_" npm init -y npm install --save react react-dom next vi package.json >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> (...) "scripts": { "dev" : "next" . } (...) export default () => (Hello!)