본문 바로가기

Front-end15

airtable blocks-cli install 오류 해결 airtable의 Custom Block을 개발하기 위해선 npm 라이브러리 blocks-cli를 설치해야 한다. 그러나 위 문구처럼 npm install -g @airtable/blocks-cli 를 했을 뿐인데 아래와 같은 오류가 난다. 우선, 나의 개발환경은 Windows 10 + WSL v2 (Ubuntu 18.04)로 이루어져 있다. my-blocks [master●] % sudo npm install -g @airtable/blocks-cli npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated .. 2020. 7. 1.
Git branch의 push, --set-upstream 설정 생략하기 Git 커밋을 거친 뒤, 처음으로 push를 할 때면 fatal: The current branch master has no upstream branch. To push the current branch and set the remote as upstream, use git push --set-upstream origin master 이렇게 항상 upstream branch를 설정하라는 문구가 나온다 친절하게도 커맨드 설명이 나와서 copy&paste 를 하면 해결이 되지만 브랜치를 생성할 때마다 매번 저 문구를 붙여 넣는 작업을 거쳐야 하기는 너무 번거로울 것이다 이러한 작업을 git의 config 설정으로 생략해본다. git config --global push.default current 위 커맨드.. 2020. 6. 25.
React js - Life cycle부터 functional component까지 react life-cycle React Life-Cycle Component :componentWillMount() -> render() -> componentDidMount() state를 변경하면 render()가 작동한다 기존 state를 그대로 두고, setState로 새로운 내용 추가할때 이런 형식으로 추가한다xthis.setState({ ...this.state.xxx, { title: '제목', subtitle: '부제목' }})그러면 기존의 것들+ 새로운 내용 으로 데이터 구성이 된다. 만약 ...this.state.xxx가 뒤에 나오면 어떻게 될까xxxxxxxxxxthis.setState({ { title: '제목', subtitle: '부제목' }, ...this.state.xxx}).. 2019. 3. 1.
React js - 자식 컴포넌트에서 input 컴포넌트 사용하기 child Component input Component child Component 에서 updateState진행할때 parent에서 작성법여기서 this.state.mvalue는 child Component에서 this.props.myvalueProp로 사용가능하고this.updateState는 this.props.updateStateProp으로 사용할 수 있다. 오늘 진행한 코드 ​ximport React, {Component} from 'react';import ReactDOM from 'react-dom';import './App.css';​class App extends Component {​ constructor() { super(); this.state = { sentence: "", nu.. 2019. 1. 10.
반응형