목록React (98)

개발 노트

next.js에 구글 번역 적용하기

입력받은 문자열을 가져오는 부분(antd 이용)// components/translate/LanguageSelector.tsximport { Select } from 'antd';interface LanguageOption { label: string; value: string; src: string;}interface LanguageSelectorProps { onChange: (value: string) => void; value: string | undefined;}const languages: LanguageOption[] = [ { label: "Korea", value: "ko", src: "https://flagcdn.com/h60/kr.png" }, { label: "Engli..
React 2024. 7. 26. 13:09
다국어 지원 관련 방법 2

https://hotsunchip.tistory.com/13 [Next.js 14] App router 기반 Localization / Internationalization [i18next]다국어를 지원하는 웹에 들어가보면 드롭다운으로 언어를 바꾸고, 그에 맞게 텍스트가 휙휙 바뀌는 것을 본 적이 있을 것이다. 이번 포스팅에서는 i18next 모듈을 이용해서 앱 라우터 기반의 Next.jhotsunchip.tistory.com https://hotsunchip.tistory.com/27 [Next.js 14] Google SpreadSheets를 이용한 다국어 지원 서비스 자동화 및 발생한 오류 해결 방법 정리 [i1얼마 전(?)에 작성한 App router 기반 Localization 기능을 자동화하기..
React 2024. 7. 25. 18:58
국제화 관련 사이트

https://m.blog.naver.com/s0215hc/222392725370 [script] 구글 번역을 이용한 간단한 다국어 페이지 만들기구글 번역을 이용한 간단한 다국어 페이지 적용 방법입니다. 복잡한 문장이거나 정확한 번역이 필요한 사이...blog.naver.com  https://www.w3schools.com/howto/howto_google_translate.asp W3Schools.comW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL..
React 2024. 7. 25. 18:21
next.js URL 쿼리 매개변수

next.js공식 문서https://nextjs.org/docs/app/building-your-application/routing/route-handlers#url-query-parameters Routing: Route Handlers | Next.jsCreate custom request handlers for a given route using the Web's Request and Response APIs.nextjs.org  적용예시https://dev.to/lakshmananarumugam/advanced-nextjs-url-handling-with-urlsearchparams-2gp3?utm_source=oneoneone Advanced Next.js URL handling with URL..
React 2024. 7. 24. 15:26
NEXT.js fetch관련 자료

https://velog.io/@andy99/Next.js-App-Router-Data-Fetching2 Next.js App Router - Data Fetching(2)What is Next.js?velog.io> 공식홈페이지 번역 및 설명해놓은 자료
React 2024. 6. 18. 16:40
Next 배포 시 TypeError fetch failed

문제 원인 : next build 시에 typeError fetch failed가 발생하면서 빌드 실패 해결방법: 동적으로 배포해야할 부분에 다음 코드 추가하기 export const dynamic = "force-dynamic"; 참고 https://kyechan99.github.io/post/memo/nextjs-fetch-failed Next.js 13 배포시 TypeError fetch failed Error occurred prerendering page, TypeError fetch failed kyechan99.github.io
React 2024. 4. 19. 11:52
이전 Prev 1 2 3 4 5 ··· 17 Next 다음