전체 글178 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", // 기본언어 fallbackLng: "en", // 언어가 없을 경우 대체 언어 debug: true, .. 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. [백준] 2493번 탑 JS 풀이 문제링크KOI 통신연구소는 레이저를 이용한 새로운 비밀 통신 시스템 개발을 위한 실험을 하고 있다. 실험을 위하여 일직선 위에 N개의 높이가 서로 다른 탑을 수평 직선의 왼쪽부터 오른쪽 방향으로 차례로 세우고, 각 탑의 꼭대기에 레이저 송신기를 설치하였다. 모든 탑의 레이저 송신기는 레이저 신호를 지표면과 평행하게 수평 직선의 왼쪽 방향으로 발사하고, 탑의 기둥 모두에는 레이저 신호를 수신하는 장치가 설치되어 있다. 하나의 탑에서 발사된 레이저 신호는 가장 먼저 만나는 단 하나의 탑에서만 수신이 가능하다. 예를 들어 높이가 6, 9, 5, 7, 4인 다섯 개의 탑이 수평 직선에 일렬로 서 있고, 모든 탑에서는 주어진 탑 순서의 반대 방향(왼쪽 방향)으로 동시에 레이저 신호를 발사한다고 하자. 그러면, 높.. 2024. 4. 25. 이전 1 2 3 4 ··· 30 다음
