목록전체 글 (96)
노는게 제일 좋습니다.
상황 useEffect부분에서 제목의 에러가 발생 import React from 'react'; import { useEffect } from 'react/cjs/react.production.min'; const Component = ({ userObj }) => { useEffect( () => { }, []); return ( ) } export default Component; 문제 CRA환경에서 useEffect를 입력하면 자동완성되는 항목을 골랐다. 자연히 import도 똑바로 된 줄 알았는데, 이상한게 들어가 있었다. 원래 쓰던대로 잘 import해주면 된다. import React, { useEffect } from 'react';
1. 정의 • 스크럼은 Ken Schwaber와 Jeff Sutherland가 1990년 고안하였음. • 경험주의와 린 씽킹을 기초로 하는 애자일의 실천 도구 중 하나임. • 개인과 조직이 복잡한 문제를 쪼개어 반복적·점증적인 해법을 활용하고 가치를 창출하도록 돕는 경량 프레임워크라 할 수 있음. 2. 구성요소 스크럼은 아래와 같은 요소가 합쳐져 동작함. 1) 이벤트 • 스프린트 - 스크럼의 핵심인 동시에 모든 이벤트의 컨테이너. - 변경이 허용되지 않는 기간이며, 출시 가능한 증분을 산출함. • 스프린트 계획 : 스프린트 시작 전 수행할 작업과 목표달성의 방법 선택. • 일일 스크럼 회의 : 작업 진척도를 점검하고 스프린트 백로그를 조정. • 스프린트 리뷰 : 스프린트 결과물(증분)을 검토하고 프로덕트..
2021. 4. 25 post요청을 넣을 때 data가 stringify되지 않은 쌩 json인 케이스를 추가하였다. 문제상황 Access to XMLHttpRequest at 'https://script.google.com/macros/s/AKfycbxpWbwsIH8_(중략)_xv3uK3v/dev' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. xhr.js:177 GET https://script.google.com/macros/s/AKfycbxpWbwsIH8_(중략)_xv3uK3v/deV..
상황 /home/wonjinyi/Desktop/NyamNyamLab/test/node_modules/watchpack/lib/chokidar.js:17 throw new Error( ^ Error: No version of chokidar is available. Tried chokidar@2 and chokidar@3. You could try to manually install any chokidar version. chokidar@3: Error: Cannot find module 'chokidar' Require stack: - /home/wonjinyi/Desktop/NyamNyamLab/test/node_modules/watchpack/lib/chokidar.js - /home/wonjinyi..
참고 : bis-gis라는 사이트의 QGIS게시판이 거의 유일한 한국 커뮤니티인 것 같다. 우선 QGIS에서 제공하는 문서를 모두 살펴보고, 해결이 안되거나 짬바가 필요한 경우는 bis-gis를 살펴보자. 여기서 해결이 안되면 스택익스체인지 같은 곳을 찾아나서자. pyqgis 개발자 쿡북 docs.qgis.org/3.16/en/docs/pyqgis_developer_cookbook/intro.html pyqgis API qgis.org/pyqgis/3.0/index.html 목차 목적과 개요 레이어 편집과 도형그리기 도형 병합 멀티파트를 싱글파트로 멀티파트 스플릿 플러그인 목적과 개요 이미 도형/레이어 병합을 거쳐 완성되어있는 shp확장자의 벡터레이어가 있다. QGIS상에서 병합을 모두 풀어 실제 '도형..
export default App() { const [arr, setArr] = useState([1,2,3]); const deleteSam = (e) => { const temp = arr; temp.splice(2,1); setArr(temp); }; return ( { arr.map( (item, index) => {item} ) } 버튼버튼 ); } 함수 deleteSam에서 arr의 값을 새로운 변수에 담고, 배열을 가공하고, 가공된 결과를 arr state에 업데이트 시켜주고 있는 것같다. 그러나 리렌더링이 되지 않는다. 이유는 별다른것이 아니라, 실제로 set__ 구문으로 state가 바뀌지 않았으므로 렌더링되지 않는 것이다. 배열은 얕은 복사가 되므로, temp에 실제로 들어가있는 값은 ..
설치 npm install antd antd 하나만 깔면 자잘한 패키지들까지 모두 설치해준다. 컴포넌트에서 사용 import { React } from "react"; import { Button, Tooltip } from "antd"; import { FilterOutlined } from "@ant-design/icons" export default function Menu () { return ( ); } 다른 UI 컴포넌트와 비슷한 방식으로 사용할 수 있다. 아이콘버튼에 마우스를 올리면 툴팁이 나타나는 예제이다. import 'antd/dist/antd.css'; 하다보면 뭔가 똑바로 안나오는 경우가 있는데 (예시 : Spin), 그럴 때는 antd의 css파일을 하나 불러오면 된다. 여기까지 ..
state를 변화시킨 뒤에 실행되어야 하는 코드가 있을 때, 단순히 위-아래의 순서로 나열해서는 의도대로 동작하지 않을 수 있다. // Class component export default class App extends React.Component { state = { a : true, }; setState( { a : false } ); goHome(); render () { return ( ~-~-~-~- ); } } function goHome () { // 퇴근시켜주세요!! 퇴근시켜주세요!! } //function component export default function App() { const [a, setA] = useState(true); setA(false); goHome()..