본문 바로가기

전체 글79

[react/es] 리액트 setState 값 적용 안될 때 이벤트 연결 하는 방법 #1 pakage.json "devDependencies" 아래 @babel/plugin-proposal-class-properties 추가 후 $npm install (yarn install) #2 construct 아래 선언해주던 state를 밖으로 빼고, 작성하던 setState형태도 arrow 방식으로 변경해 작성한다 그리고 함수호출 및 onClick에서 호출 방식도 아래와 같이 작성한다 #3 before / after 전체 소스 비교 import React, { Component } from 'react'; class Row extends Component { constructor(props){ super(props); this.state = { monitor_box_stat.. 2021. 3. 23.
[jquery] 제이쿼리 클릭이벤트 on.('click')이 안먹힐 때 지도가 들어가있는 프론트를 개발하던 도중 아무리해도 클릭 이벤트가 먹히지 않아서 반나절 정도 꼬박 삽질하다가 발견한 해결법 이유는 모르겠음 $('.test').click(function() { ... }); //또는 $('.test').on('click', function() { ... }); //또는 $('.test').bind('click', function() { ... }); ㅇ위와 같이 적던것을 아래와 같이 적어주니 해결됐음 $(document).on('click', '.test',function(){ .... }); 끝 2021. 2. 3.
[javascript/jquery] object 들어있는 array 배열 원소 삭제 하는 방법 - splice/ 객체 배열 원소 삭제 하는 방법(야매 개념) 예를 들어 아래와 같은 오브젝트가 값으로 들어있는 배열이 있다고 가정했을때 a = [ { 'a':'1', 'b': '1', 'c':'1' }, { 'a':'2', 'b': '2', 'c':'2' }, { 'a':'3', 'b': '3', 'c':'3' } ... ]; 두번째 항인 { 'a':'2', 'b': '2', 'c':'2' }를 지우고 a = [{ 'a':'1', 'b': '1', 'c':'1' }, { 'a':'3', 'b': '3', 'c':'3' } ... ]; 이렇게 만들고 싶다면 function activeSplice (arr, some , arg ) { const itemToFind = arr.find(function(item) {return item[arg] === some}) con.. 2021. 2. 1.
wordpress 자식 테마(child-theme)에 파비콘(favicon) 적용하기 파비콘이란? 웹 브라우저 상단바에 나타나는 사이트의 상징을 나타내는 아이콘 파비콘 규격 ico, png gif사용하는 분들도 종종 계심 형태는 정 사각형으로 가로, 세로 16 px 가 기본 규격이라고 함 좀 더 정교하게 표현하고 싶은 사람들을 위해서인지 32x32 픽셀 까지도 허용된다고 함 파비콘 만들기 방법 1. 포토샵, 일러스트레이터 등 그래픽 툴 사용해서 제작 방법 2. 이미 있는 이미지를 이용해 파비콘 만들어주는 사이트 이용해서 제작 - 사이트 : http://www.degraeve.com/favicon/ 나는 방법 2를 사용 만드는 방법은 사이트 들어가서 Import a Picture아래 파일 선택 눌러 이미지를 불러와서 넣고 Uplad Image 클릭 원하는 크기로.. 2020. 10. 30.

티스토리툴바