일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- formik react-query submitting not working
- 테스트코드책
- react
- 디자인패턴
- file not found Error
- git commit 협업
- FirebaseAnalytics
- 리팩토링2판4장
- awss3
- 리액트구글애널리틱스
- git commit merge
- Git commit 합치기
- 헤드퍼스트전략패턴
- 가상면접3장
- react-ga
- 시스템설계면접팁
- cypressBDD
- 전략패턴
- 시스템설계면접
- 시스템설계
- 가상면접2장
- 시스템설계면접예시
- 리팩터링2판테스트
- 가상면접으로대규모시스템
- gitsquash
- 시스템설계방법
- formik submitting not working
- cypress React
- git squash
- s3이미지다운로드됨
- Today
- Total
목록전체 글 (268)
mingg IT
github.com/JavaScriptor/js-sql-parser JavaScriptor/js-sql-parser SQL(select) parser written with jison. parse SQL into abstract syntax tree(AST) and stringify back to SQL. sql grammar follows https://dev.mysql.com/doc/refman/5.7/en/select.html - JavaScriptor/js-... github.com const parser = require("js-sql-parser"); const ast = parser.parse("select empno, deptno from emp"); console.log(JSON.stri..
$ git push 후 non-fast-forward 에러가 발생하면서 push가 실패했다고 떴다. 힌트: 현재 브랜치의 끝이 리모트 브랜치보다 뒤에 있으므로 업데이트가 힌트: 거부되었습니다. 푸시하기 전에 ('git pull ...' 등 명령으로) 리모트 힌트: 변경 사항을 포함하십시오. 힌트: 자세한 정보는 'git push --help'의 "Note about fast-forwards' 부분을 힌트: 참고하십시오. 내가 git reset HEAD^를 한번 한 이후 push를 할 경우였는데 $ git push origin +feature/브랜치이름 으로 하면 push가 된다.
오픈 소스 react-flow-renderer를 사용하다가 zoom 기능이 필요해 useZoomPanHeler를 사용하려 했으나 const { zoomIn } = useZoomPanHelper(); 을 하면 되지 않았음 이유를 알아보니 안에서 제공되는 기능인데 이전에 사용하려 해서 그랬음. 해결법을 말하자면 DataFlowMainComponent.tsx를 가기전 인 FlowMain에서 로 먼저 감싸주고 기존 DataFlowMainComponent.tsx에 있던 는 지움 const { zoomIn } = useZoomPanHelper();를 사용하니 매우 잘됨 이게 Hooks의 단점인듯. 오픈소스 원본 출처 reactflow.dev/examples/use-zoom-pan-helper-hook/
1. 설치할 폴더를 만든다. 2. dataikue-dss 파일을 다운로드 한다. wget https://downloads.dataiku.com/public/studio/4.2.2/dataiku-dss-4.2.2.tar.gz 3. 압축을 해제한다. tar xzf dataiku-dss-4.2.2.tar.gz 4. 설치경로와 포트번호로 DSS를 설치한다. dataiku-dss-4.2.2/installer.sh -d {설치경로} -p {포트번호} 설치경로는 /home/minjikim/dataikutest 로 dataikutest라는 폴더를 하나 만들었다. 나는 포트번호를 11223으로 설정했다. 완료되면 Installation complete 가 뜬다. 5. dss start 설치경로인 dataikuetest폴..
cra-test 라는 프로젝트를 생성하려고 했는데 오류가 났다. npm 오류가 날 시 npm install -g create-react-app create-react-app cra-test 정상 동작한다. npm 버전이 낮을 때 발생하는 문제임.
함수형 컴포넌트가 할 수 없는 일 1. 상탯값을 가질 수 없다. 2. 리액트 컴포넌트의 생명 주기 함수를 작성할 수 없다. 리액트 버전 16.8버전 부터 훅을 이용하여 함수형 컴포넌트에서도 상탯값과 생명 주기 함수 코드를 작성할 수 있게 됨
웹펙은 자바스크립트로 만든 프로그램을 배포하기 좋은 형태로 묶어 주는 도구임 npm init -y package.json파일이 만들어짐 index.js Button.js index.html npx webpack 웹팩을 이용하여 두 개의 자바스크립트 파일(Button.js, index.js)을 하나의 파일로 합침 index.html 실행 결과 리액트를 공부하다보면 항상 create-react-app 명령어로 프로젝트를 생성해주었을 것이다. 이 명령어는 리액트로 웹 애플리케이션을 만들기 위한 환경을 제공한다. 바벨, 웹팩, ES6+문법, CSS 후처리 등 필수적인 개발 환경을 구축해준다. create-react-app을 이용하면 새로운 기능을 추가하거나 기능을 개선 시 패키지 버전만 올리면 된다. 이전까지 ..
리액트 프로젝트 내에 전역적으로 관리할 데이터가 있을 때 Context API를 사용한다. 예를 들면 사용자 로그인 정보, 애플리케이션 환경 설정, 테마 등 리액트 라이브러리로 리덕스, 리액트 라우터, styled-components 도 Context API를 기반으로 구현되어 있음 전역적으로 관리할 데이터는 주로 최상위 컴포넌트인 App의 state에 넣어서 관리함 예제) 마우스 클릭에 따라 색상 바뀌는것 왼쪽은 큰 정사각형, 오른쪽은 작은 정사각형 색이 변함 오른쪽 마우스 클릭은 onContextMenu를 사용! 왼쪽 마우스는 OnClick components/ColorBox.js import React from "react"; import { ColorConsumer } from "../contex..