개발 노트

https://velog.io/@s_soo100/Next.js-13Next.js-13.2%EB%B2%84%EC%A0%BC%EC%97%90-Next-auth-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 [Next.js 13]Next.js 13.2버젼에 Next-auth 구현하기(+ 네이버 소셜 로그인)넥스트JS 13.2 버젼 이상일 때, next-auth를 통해 app폴더에서 next-auth로 네이버 소셜 로그인을 해보자velog.iohttps://next-auth.js.org/getting-started/client Client API | NextAuth.jsThe NextAuth.js client library makes it easy to interact with session..

1. npm run build:worker- mqttWorker.ts 에서 mqttWorker.built.js로 만들기위한 build로 git으로 가져왔다면 mqttWorker.built.js가 이미 생성되어있어서 굳이 build를 하지 않아도 됨- 하지만 mqttWorker.ts를 수정한경우 build를 해주어야하는데 이때 src\app\layout.tsx의 getPrefLangCookie와 충돌하여 정상적으로 build가 이루어지지 않음----> 이때 처리방법 getPrefLangCookie과 관련된 항목들 주석처리//src/app/layout.tsx// 쿠키 가지고오는 부분 build:worker시 주석export const getPrefLangCookie = () => { return cooki..

쿠키관련 사용부분 업데이트  //언어설정값에 따라 useState 변경 const handleChange = (value: string) => { const lang = "/auto/" + value; setLangCookie(lang); }; 앞쪽에 auto를 붙여서 사용하는 코드로  변경  //langCookie값 변화에 따라 실행시키는 이벤트 (언어감지) useEffect(() => { const splitLangCookie = langCookie.split("/")[2]; if (splitLangCookie === "ko") { resetGoogleTranslate(); } else { const element = document.querySe..

입력받은 문자열을 가져오는 부분(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..

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 기능을 자동화하기..

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..