웹30 replaceAll 방법1 var reg = new RegExp(searchText, 'g'); originalText = originalText.replace(reg, replaceText); 문제점: searchText에 역슬래시 "\" 또는 $ 등의 정규식에서 사용하는 특수기호가 들어가면 RegExp에서 에러발생 방법2 단순무식 while const replaceAll = (original: string, searchText: string, replaceText: string) => { let resultText = original; let index = - 1; let startIndex = 0; index = resultText.indexOf(searchText, startIndex); while (index > .. 2021. 3. 11. react-redux index.js import 'core-js/stable'; import 'regenerator-runtime/runtime'; import 'react-app-polyfill/ie9'; import 'react-app-polyfill/stable'; import React from 'react'; import ReactDOM from 'react-dom'; import { createStore } from 'redux'; import { Provider } from 'react-redux'; import App from './App'; import * as serviceWorker from './serviceWorker'; import rootReducer from './modules'; const s.. 2021. 3. 3. onClick 대신 onMouseDown button 등을 클릭시 스크롤의 변화 또는 다른 이벤트가 먼저 실행되어서 onClick이 아예 실행되지 않으면 onMouseDown을 적용해보자. 왜그럴까... 이벤트 버블링에 문제가 있는듯... blueshw.github.io/2018/04/23/event-bubbling-capturing/ 2021. 3. 3. ie11에서 onMouseEnter가 중첩되었을때 event를 하위 컴포넌트까지 pass 하지 않음. import React from 'react'; const Btn = () => { return ( { console.log('Btn onMouseEnter'); }}>클릭 ) } export default function Component() { return ( { console.log('Component onMouseEnter'); }} > ) } 2021. 3. 3. onMouseEnter 이슈 보통 onMouseEnter, onMouseLeave 를 쌍으로 사용한다. 그런데 간혹 onMouseLeave event가 발생되지 않는 케이스가 있다. leaver가 발생할 수 있는 dom 자체가 사라지면, leave가 발생하지 않는다. import React from 'react'; export default function Component() { const [highlight, setHighlight] = React.useState(false); const [visible, setVisible] = React.useState(true); return ( { setHighlight(true); }} onMouseLeave={() =>{ setHighlight(false); }} > Event1 hi.. 2021. 3. 3. Context 예제 Test.tsx import React, {useContext} from 'react'; import ColorContext, {ColorProvider} from '../contexts/color'; const Update1 = () => { const { state, actions } = useContext(ColorContext); console.log('state', state); return ( state: {state.color} { actions.changeColor('hahah'); actions.increase(123); }}>클릭 ) } const Select1 = () => { const { state, actions } = useContext(ColorContext); console.. 2021. 3. 3. vue-chartjs - legend align is not working. There is an align option of legend in chartjs. But it is not working in vue-chartjs. https://www.chartjs.org/docs/latest/configuration/legend.html Legend · Chart.js documentation No results matching "" www.chartjs.org reason: The latest version of chartjs is 2.9.3. vue-chartjs is using 2.8.0 of chartjs. (2019-11-19) Not mached of Document. 참고: https://stackoverflow.com/questions/55355284/chart-j.. 2019. 11. 19. openkoreantext_analyzer start_offset bug openkoreantext_analyzer 를 사용하면서, start_offset 값이 원본과 다르게 나오는 현상이 발생하였다. 처음에는 bug인줄 알았는데 해결방법이 있어서 공유한다. 리셋 DELETE openkoreantext_analyzer { } 세팅 PUT openkoreantext_analyzer { "settings": { "index": { "analysis": { "analyzer": { "openkoreantext-analyzer": { "char_filter": [ "openkoreantext-normalizer" ], "tokenizer": "openkoreantext-tokenizer", "filter": [ "openkoreantext-stemmer", "openkoreantex.. 2019. 10. 9. 이전 1 2 3 4 다음