노아론 블로그

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 ..

Front-end 2020. 7. 1. 17:15

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 위 커맨드..

Front-end 2020. 6. 25. 23:48

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})..

Front-end 2019. 3. 1. 01:35

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..

Front-end 2019. 1. 10. 17:09

this.state.map xxxxxxxxxxthis.state = { data: [ {"name": "A", "pw": "p1"}, {"name": "B", "pw": "p2"} ]}​​render() { return( {this.state.data.map((person, i) => )} )}​........​​class TableRow extends React.Component { render() { return ( {this.props.data.name} {this.props.data.pw} ) }} this.state.data.map( (person, i) => 리턴내용 )여기서 person은 맵핑할때 각 튜플(더 적합한 용어를 모르겠다)을 나타내고i는 child 컴포넌트에 identity를 부여..

Front-end 2019. 1. 4. 01:07