프론트엔드 정복하기

[ 코드 스타일 규칙 ] -싱글쿼터(' ') 사용을 기본으로 한다. -모든 코드 끝에는 세미 콜론(;)을 붙인다. // .prettierrc.js module.exports = { semi: true, singleQuote: true, tabWidth: 2, printWidth: 80, }; [ 네이밍 규칙 ] - 폴더 및 파일명 폴더명 : 하이픈(-) 사용 / 속성 추가 시 언더바(_) 2개 사용 action-types.js teamsTree__action.js teamsTree__reducer.js - image 이미지 파일명 : 언더바(_) 사용 / ‘형태_의미_순서_상태’ 순서로 조합 btn_cancel_001.jpg 형태_의미_순서_상태 tab_info_01_on.jpg - Javascript ..

드래그하여 '셀렉트' 하는 라이브러리 https://github.com/Simonwep/selection GitHub - Simonwep/selection: ✨ Viselect - A simple and lightweight library to add a visual way of selecting elements, just lik ✨ Viselect - A simple and lightweight library to add a visual way of selecting elements, just like on your Desktop. Zero dependencies, super small. Support for major frameworks. - GitHub - Simonwep... github.com ..

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

타입 가드 예시 export function isHTMLElement(data?: unknown): data is HTMLElement { return data instanceof HTMLElement; } instanceof 연산자는 생성자의 prototype 속성이 객체의 프로토타입 체인 어딘가 존재하는지 판별합니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/instanceof

https://zhenyong.github.io/react/tips/dangerously-set-inner-html.html DOM Elements – React A JavaScript library for building user interfaces reactjs.org string 을 html 태그로 출력