마!내가바로왕만두다

비동기 한작업이 끝나기 전에도 다른작업을 할수있음  작업을 동시에 처리 할 수있는 방식 요청을 보내놓고 결과가 나오는동안 다른일을 함  다른일도같이할수있다 . 동기 한작업이 끝나야 다음 작업이 시작됨  일을 순차적으로 실행함 . 한작업이 끝나기전에는 다른 작업을 시작할 수 없음  끝날때까지 기다린다 . for 문은 동기적으로 처리된다 .promise  비동기 작업의 완료 또는 실패를 처리 하기위해 사용 됨 콜백함수 에서 콜백 지옥이 생김 promise 가 없으면 유지보수가 어려워진다 . 코드의 흐름을 추적하기 힘들다 . 코드가 복잡해진다 .  promise 는 3 가지 상태를 가진다  pending  대기아직 작업이 완료 되지 않은 상태  작업이 진행중 , 결과를 기다리고있는 상태 . const prom..

TIL 2024. 10. 4. 20:27

supabase  BaaS 클라우드 기반의 백앤드 서비스  예) firebase , parse, aws amplify  baas 쓰면 좋은점 개발속도 향상 . 백엔드를 직접 만들 필요가 없다 유지보수 에 좋다  단점. 비용 예측 어려움플랫폰 의존성 supabase 실시간 데이터 변경 감지 하고 반응  데이터베이스 업데이트가 필요할때마다 자동으로 반응 하여 변경사항을 보여줌  설치 방법 yarn add @supabase/supabase-js# 또는 npm install @supabase/supabase-js   api 키가 필요 import { createClient } from "@supabase/supabase-js";// 1) project urlconst SUPABASE_PROJECT_URL = "..

TIL 2024. 10. 3. 16:42

React router dom  어플리케이션에서 클라이언트 측 라우팅을 쉽구 해줄수 있도록 도와주는 라이브러리다  리액트는 spa  기반 으로 특정 Url 경로에 맞춰 컴포넌트만 변경 하는 방식으로 동작 .  리액트 라우터 돔은 spa 방식에서 여러경로 페이지 를 처리 하는 기능 을 제공 .   설치 방법  yarn add react-router-dom  src 밑에 components filte page 로 만들기 page 밑에 Home.jsx About.jsx Works.jsxContact.jsx   shared 파일 하나 더 만들어서 Router.jsx 도 만들어준다    라우터 routerurl 감지 , url 에 맞는 컴포넌트를 렌더링 해줌 . browserrouter 사용 하여 라우팅 설정 할..

TIL 2024. 10. 2. 10:59