리액트에서 onClick 기본문법 샘플코드 Activate Lasers 이벤트 핸들러에 인자 전달하는 방법 this.deleteRow(id, e)}>Delete Row Delete Row ## 화살표 함수에서는 'e'를 통해 이벤트 객체를 명시적으로 넘겨준다. 즉, deleteRow 함수에서의 첫번째 인자는 id값이, 두번째 인자는 이벤트 객체를 전달 받게 된다. ## 바인드를 통해 deleteRow 함수를 호출하는 경우에 첫번째 인자인 this는 현재 인스턴스 객체를 가르키고, 2번째 인자는 id값을 넘긴다. 여기서 이벤트 객체를 인자로 넘기지는 않지만 deleteRow함수에서는 첫번째 인자로 id값을 받고, 두번째 인자로 이벤트 객체를 전달 받게 된다. onClick이벤트를 통해 인자를 함수에 전달하..

사전준비물 ) node와 VsCode가 세팅된 환경 프로젝트 디렉토리 생성 및 설정 프로젝트 생성 프로젝트 생성 명령어 # create react-app use npm npx create-react-app [프로젝트명] # create react-app use yarn yarn create react-app [프로젝트명] npm과 yarn을 사용하는 경우에 따라 선택해 쓰도록 하자.. 나는 bome-react라는 프로젝트명으로 프로젝트를 생성해보았다. 입력 명령어는 아래와 같이 해보았다. npx create-react-app bome-react 프로젝트 생성 명령어를 입력해주니, 위와 같이 터미널에 프로젝트를 생성하고 있는 화면을 볼 수 있다. 프로젝트 실행 설치가 되면 프로젝트 디렉토리에 들어가서 구동..

crypto-js 설치 crypto모듈은 Node기반에서 기본적으로 제공하기 때문에 따로 설치를 하지 않아도 된다. 단, Node기반에서 crypto 모듈을 사용하려면 ' polyfills'라는 플러그인을 설치해야 한다. (아니면 에러 발생함..) 관련 내용은 아래 링크를 참조하도록 하자. [Vue] Module not found: Error: Can't resolve 'crypto' / webpack < 5 used to include polyfills for node.js... crypto 모듈을 이용한 암호화 및 복호화 crypto모듈을 이용한 대칭키 암호화 및 복호화 하는 방법은 어렵지 않으니 그냥 샘플코드를 보도록 하자. 어차피 모듈을 사용하기 때문에 이걸 뜯어서 이해 할 필요가 없다.. 샘플코..

geoserver에서 wmts레이어는 미리 타일링을 뜨는데, 보통 타일링 결과는 기본적으로 gwc디렉터리에 저장된다. 관련내용은 아래 링크에서 확인하도록 하자. [GIS] 지오서버(GeoServer) 타일링에 대한 이야기 및 타일링 결과 확인하는 방법 근데 타일링 결과를 gwc 디렉터리가 아닌 다른 경로에 저장하고 싶다면 어떻게 할까? 타일링결과 경로를 설정하는 방법 gwc디렉터리에 있는 geowebcache.xml파일을 수정하도록 하자. geowebcacge.xml 수정전 1.17.0 120 EPSG:5179 EPSG:5179 5179 531371.8435309182 958259.7352309179 1663741.9056021979 2274021.3084674757 false 5139.693645455..

이번에 프로젝트를 진행하면서 crypto를 사용할 일이 있었는데.. crypto라는 모듈은 기본적으로 node에서 제공중이라고 해서 이걸 사용하려고 했다. (처음에는 crpyto-js 라이브러리를 설치해서 하려고 했는데, 이 친구 비대칭키는 지원 안한다고 해서 안함..) 근데 막상 import해서 사용하려고 하니 다음과 같은 에러가 발생했다. Module not found: Error: Can't resolve 'crypto' / webpack

이번에 한글파일(.hwp)을 HTML파일로 변환할 일이 있었는데... 어떻게 할까 하다가 한컴에서 제공하길래 그냥 저장용으로 남긴다. 한컴 변환사이트 이동 덧붙여서 여기에서 추출한 html을 PDF로 변환할 일이 있었는데 html2canvas로는 잘 안되서 dom-to-image.js + jsPdf 조합으로 하니까 잘되더라... 결과는 HTML파일, Image파일(.png), CSS파일 이렇게 변환된다...