코드 몽키의 허둥지둥 개발공부

React.Component – React A JavaScript library for building user interfaces ko.reactjs.org state의 변경 사항을 대기열에 넣고, React에게 해당 컴포넌트와 그 자식들이 갱신된 state로 렌더링되어야 한다고 알린다. 즉각적인 렌더링이 발생하지 않을 수 있다! '명령'보다는 '요청'이라고 생각하라고 함. React는 성능을 위해 여러 컴포넌트의 수정 요청을 모아뒀다가 한 번에 갱신할 수도 있다고 함. 즉, React는 state의 변화가 즉시 적용되는 것을 보장하지 않는다. 상술한 이유에서 setState() 직후 실행하는 this.state 접근은 원하는대로 동작하지 않을 수 있다. 주로 UI 갱신에 사용된다.

React.Component – React A JavaScript library for building user interfaces ko.reactjs.org # 참고. 마운트시 컴포넌트 인스턴스 호출 순서 constructor() > getDerivedStateFromProps() > render() > componentDidMount() # 참고. 업데이트시 컴포넌트 렌더링을 위한 호출 순서 getDerivedStateFromProps() > shouldComponentUpdate() > render() > getSnapshotBeforeUpdate() > componentDidUpdate() 1. componentDidMount 컴포넌트가 트리에 삽입된 직후에 호출 용도 DOM 노드가 있어야 하는 ..

참고 [MySQL] CASE 기본 사용법 ▶MySQL CASE 기본 사용법 ▶설명 MySQL에서 CASE문은 프로그래밍 언어에서 스위치(switch)문과 비슷하지만, 다수의 조건에 하나의 반환 값은 동작하지 않습니다. ▶사용법 CASE WHEN 조건 THEN '반환 값' WH extbrain.tistory.com 위 블로그 글에 따라 요런식으로 활용했음 SELECT CASE WHEN EXISTS (SELECT 1 FROM Table_name1 T1 WHERE T1.Id=T0.Id) THEN TRUE WHEN EXISTS (SELECT 1 FROM Table_name2 T2 WHERE T2.Id=T0.Id) THEN TRUE ELSE FALSE END as isExists FROM Table_name0 T0;

SELECT * FROM Persons where `Key` LIKE '%admin%'; Key와 같이 SQL의 예약어로 된 컬럼이 존재하는 경우, escape는 백틱(`)으로 처리한다.

Promise.allSettled() - JavaScript | MDN Promise.allSettled() 메서드는 주어진 모든 프로미스를 이행하거나 거부한 후, 각 프로미스에 대한 결과를 나타내는 객체 배열을 반환합니다. developer.mozilla.org // 1. const promises = [ // some promises... ]; // 2. const responses = await Promise.allSettled(promises); // 3. let results = []; for(const { status, value = undefined } of responses) { if(status === 'fulfilled') results.push(value); } Promise들을 포함..

UPDATE People SET CompositeKey = SHA2(CONCAT(Id, Email), 256) WHERE Name='admin'; People 테이블에 Id, Email, Name 컬럼이 포함되고, Id와 Email을 SHA256으로 해싱한 값을 'CompositeKey'에 저장하는 예제이다. 기존에는 People 테이블에 Id / Email 조합에 UQ를 걸어서 사용하였으나, 모종의 이유로 CompositeKey를 추가하고 UQ 설정을 걸어주게 되었다. 이에 따라 기존 엔티티들은 새로 추가된 컬럼인 CompositeKey의 값이 비어 있으므로, 이를 채워주기 위해 위 명령어를 사용하였음! Where Name 절은 예시일 뿐이므로, Id IN(...) 등을 통해 한 번에 여러 레코드에 적..

const before = [1, 2, 3, 0, false, true, undefined, null, {}]; console.log(`before: ${before} and length is ${before.length}`); function removeFalsy(elements = []) { return elements.filter(elem => elem); } const after = removeFalsy(before); console.log(`after: ${after} and length is ${after.length}`); /* 실행 결과 before: 1,2,3,0,false,true,,,[object Object] and length is 9 after: 1,2,3,true,[object..

어쩌다가 오브젝트의 key를 모아둔 배열과 values를 모아둔 배열을 합쳐야한다고 할 때, 다음과 같이 해볼 수 있다. const keys = ['k1', 'k2']; const values = ['injuk', 'ingnoh']; const result = keys.reduce((acc, curr, idx) => { acc[curr] = values[idx]; return acc; }, new Object); console.log(result); /* 실행 결과 { k1: 'injuk', k2: 'ingnoh' } */ 또는 object에 [key]로 새로운 값을 추가할 수 있는 점을 이용하여 다음과 같이 사용해볼 수도 있다고 함. 요 방법은 링크에서 oneline으로 처리하는 내용을 볼 수 있다. ..