프론트엔드 정복하기

배열에 unique 한 값만 모으고 싶을 때 Set 객체를 활용하면 좋다. 그 예가 viselection 라이브러리 예제 코드에 있다. https://codesandbox.io/s/wl0yb?file=/src/App.tsx

import * as microsoftTeams from '@microsoft/teams-js'; export async function getAADId(): Promise { return new Promise((resolve) => { microsoftTeams.getContext((context) => { resolve(context.userObjectId); }); }); } 위처럼 resolve() 하면 해당 값을 return 하게 된다??? 위 패턴 서치하기. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise Promise - JavaScript | MDN Promise 객체는 비동기 작업이 ..

방법 1. useEffect(() => { (async () => { await OrganizationServiceStore.initialize(); if ( OrganizationServiceStore.serviceName !== 'organization' && OrganizationServiceStore.userEmail === '' ) { RouteStore.fromRedirect(); return; } OrganizationStore.findAll(true); })(); }, []); 방법 2. https://velog.io/@he0_077/useEffect-%ED%9B%85%EC%97%90%EC%84%9C-async-await-%ED%95%A8%EC%88%98-%EC%82%AC%EC%9A%A9%..

문제 input 태그에서 change가 일어날 때마다 어떤 정규식(숫자인지 체크)을 통과하면 alert 를 띄우도록 했다. const regExp = /\d/g; export function TextBox(){ const [value, setValue] = useState(''); const handleChange =(e)=>{ const currentValue = e.currentTarget.value; if(regExp.test(currentValue)){ alert('숫자를 입력하실 수 없습니다.') } setValue(currentValue); } ..... } --> 처음 숫자가 입력되었을 때 정규식 관련 조건문이 잘 작동되었다. 하지만 alert가 띄어진 이후 다시 숫자를 입력하면 조건이 작동..

배열 리터럴의 spread **함수 호출 배열을 함수의 인수로 사용하려면 apply()를 써야 했다. spread는 이를 대체한다. // before function myFunction(x, y, z) { } var args = [0, 1, 2]; myFunction.apply(null, args); // after myFunction(...args); **new에 적용 new로 생성자를 호출할 때, 배열과 apply를 직접 사용하는 것이 가능해졌다. var dateFields = [1970, 0, 1]; // 1 Jan 1970 var d = new Date(...dateFields); **배열 복사 가능 var arr = [1, 2, 3]; var arr2 = [...arr]; // arr.slice..

배열 함수 Array . slice ( begin [, end] ) -begin : 0부터 시작하는 index를 의미함 -end : 추출을 종료할 인덱스 / 생략 가능