전체 글185 브라우저 언어감지, 다국어 페이지 URL로 표현하기 브라우저 언어 변경하기chrome://settings/languages#lang위의 링크에 들어가서 원하는 언어를 가장 위로 이동시킨다. const browserLang = navigator.language;const langCode = browserLang.toLowerCase().substring(0, 2);console.log(langCode); // en, ko import i18n from "i18next";import { initReactI18next } from "react-i18next";import LanguageDetector from "i18next-browser-languagedetector";import enTranslations from "../public/locales/.. 2024. 9. 20. React에서 다국어 지원하기 진행하고 있는 프로젝트의 글로벌 확장을 고려해야하는 요청이 있었다.react사례를 찾다가 Next.js 없이 i18next와 react-i18next를 사용하여 다국어를 지원할 수 있는것을 알았다.1. 패키지 설치npm install react-i18next i18next i18next-http-backend i18next-browser-languagedetector 2. i18next 설정 파일 생성src/에 i18n.ts 파일을 만들어 기본 설정을 추가한다.import i18n from "i18next";import { initReactI18next } from "react-i18next";i18n .use(initReactI18next) .init({ lng: "en", // 기본언어 .. 2024. 8. 21. npm install 안 될 때 해결법 npm install 설치가 계속 안 되었다 진단하기 위해 npm install --verbose FetchError: request to https://registry.npmjs.org/-/npm/v1/security/audits/quick failed, reason: self-signed certificate in certificate chainnpm verbose audit error at ClientRequest. (/usr/local/lib/node_modules/npm/node_modules/minipass-fetch/lib/index.js:130:14)npm verbose audit error at ClientRequest.emit (node:events:519:28)np.. 2024. 8. 21. 리액트가 선언형 프로그래밍인 이유? 명령형 프로그래밍(Imperative Programming)과 선언형 프로그래밍(Declarative Programming)은 두 가지 주요 프로그래밍 패러다임이다 명령형 프로그래밍 "어떻게(How)" 작업을 수행해야 하는지를 명시적으로 세부적으로 기술한다 명령어들이 순차적으로 실행되며, 각 단계에서 상태를 변경하는 방식으로 동작한다특정 작업의 세부적인 제어가 필요한 경우에 더 적합하다 예시: C, Java, Python과 같은 대부분의 프로그래밍 언어, 절차적 프로그래밍let string = 'THis is the midday show with Cheryl Waters';let urlFriendly = "";for(let i = 0 ; i 선언형 프로그래밍프로그램이 "무엇(What)"을 하는지를.. 2024. 5. 3. [JavaScript] elem.scrollIntoView() - 특정 요소 위치로 화면 스크롤 이동하기 javascript에서 화면의 특정 위치로 이동시켜주는 함수가 존재한다. 버튼을 눌렀을때 원하는 내용이 있는 위치로 이동시켜야 한다거나 그럴때 사용할 수 있다.scrollIntoView() 메소드가 존재하는데 element기반으로 사용하는거라 특정 element를 기준으로 스크롤을 이동시킨다. ▷ 구문element.scrollIntoView();element.scrollIntoView(alignToTop); // Boolean parameterelement.scrollIntoView(scrollIntoViewOptions); // Object parameter 보는것처럼 3개의 문법이 존재하는데첫번째로 아무 매개변수도 사용하지 않고 그냥 사용하는방법과두번째로 Boolean parameter true/fa.. 2024. 4. 30. [백준] 스타트와 링크 JS풀이 https://www.acmicpc.net/problem/14889 오늘은 스타트링크에 다니는 사람들이 모여서 축구를 해보려고 한다. 축구는 평일 오후에 하고 의무 참석도 아니다. 축구를 하기 위해 모인 사람은 총 N명이고 신기하게도 N은 짝수이다. 이제 N/2명으로 이루어진 스타트 팀과 링크 팀으로 사람들을 나눠야 한다.BOJ를 운영하는 회사 답게 사람에게 번호를 1부터 N까지로 배정했고, 아래와 같은 능력치를 조사했다. 능력치 Sij는 i번 사람과 j번 사람이 같은 팀에 속했을 때, 팀에 더해지는 능력치이다. 팀의 능력치는 팀에 속한 모든 쌍의 능력치 Sij의 합이다. Sij는 Sji와 다를 수도 있으며, i번 사람과 j번 사람이 같은 팀에 속했을 때, 팀에 더해지는 능력치는 Sij와 Sji이다.N=.. 2024. 4. 25. 이전 1 2 3 4 5 ··· 31 다음
