react51 [React] react 에서 vConsole 사용하기(console) - 떽떽대는 개발공부 만약 react 로 모바일 환경을 코딩한다면 console. 창을 볼 수 없어 개발에 어려움이 생길 것이다. 모바일환경 개발 시 console 창을 구현할 수 있도록 vConsole 이라는 라이브러리가 있으니 활용 해보도록 하겠다. // 라이브러리 설치 npm install vconsole 그리고 리액트의 가장 첫 부분인 index.js 에서 render 하기 전에 불러준다. src/index.js import React from "react"; import ReactDOM from "react-dom"; import App from "@components/App"; window.onload = async () => { const { default: VConsole } = await import('vco.. 2021. 3. 3. [React] react 에서 다국어 처리 적용하기(2) - 떽떽대는 개발공부 2021/02/19 - [React] - [React] react 에서 다국어 처리 적용하기 - 떽떽대는 개발공부 [React] react 에서 다국어 처리 적용하기 - 떽떽대는 개발공부 react 에서 같은 페이지에서 다국어를 적용하기 위해 사용하는 라이브러리가 있다. react-i18next 를 사용하여 다국어 처리를 해보자. 먼저 i18next 와 react-i18next 를 설치한다. // install npm install i18nex.. ddeck.tistory.com 이전 글에서 i18next 를 이용한 다국어처리를 포스팅 하였다. 이번엔 사용하는 os 의 language 에 따라 다국어처리를 자동으로 적용 해보자. 폴더 구조는 위와 같다. 먼저 src 디렉토리 아래에 i18n 폴더를 생성하.. 2021. 3. 2. [React] 통화 화폐 단위 표시하기 - 떽떽대는 개발공부 페이지를 구현하다 보면 원화, 달러 표기 등을 할 때 단위 별 쉼표 표기가 필요할 때가 있다. 간단하게 아래의 코드를 사용하면 된다. Number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") 이를 이용한 예제를 간단히 만들어 보았다. import React from 'react'; const Test = () => { const number = 123456789 return( {number} 원 ) } export default Test; 위와 같은 코드를 브라우저에 나타내 보면 아래와 같다. 이 코드를 천 단위로 쉼표를 찍어 표시하면 아래와 같다. import React from 'react'; const Test = () => { const number = .. 2021. 2. 25. [React] crypto 를 이용하여 암호화 하기 - 떽떽대는 개발공부 웹페이지 구현 중 회원가입 부분을 코딩하던 중 암호화 하는 부분이 있어 포스팅 한다. 암호화는 crypto 를 이용하여 단방향 암호화를 해줄 것이다. 클라이언트에서 암호화 해서 서버로 전달하는 방법을 찾았지만 아직까지 소득이 없어.. 서버 쪽에서 암호화 해서 db 에 저장하는 방식으로 진행할 것이다. 아래와 같이 서버단에서 전달받은 parameter 에 암호화를 해주고 그 안에서 db 전달 쿼리를 작성하였다. const express = require('express'); const router = express(); const db = require('../config/db'); const crypto = require('crypto'); const util = require('util'); route.. 2021. 2. 24. 이전 1 2 3 4 5 6 7 ··· 13 다음
