전체 글 (76) 썸네일형 리스트형 [TIL] async / await Async/Await는 ES8에서 도입된 비동기 처리 방식 문법으로 함수 내에서 await 키워드를 사용하여 비동기 작업이 끝날 때까지 기다린다. Async/Await를 사용하면 코드가 간결해지고 가독성이 좋다. Async/Await는 try/catch로 에러를 처리한다. Async/Await는 Promise객체를 반환한다. (then()을 사용 가능) Promise는 비동기 작업을 다룰 때 사용하는 객체다. 비동기 작업이 끝나면 성공(resolve) 또는 실패(reject)를 알려준다. Promise는 .catch()를 사용하여 에러를 처리한다. 작업이 성공 시에는 .then()을 통해 성공 시 처리할 코드를 실패 시에는 .catch()를 통해 실패 시 처리할 코드를 작성한다. [TIL] Next.js에서 라우팅이 안되는 경우가 있다?! export const Navbar = () => { return ( 홈 로그인 마이페이지 ); }; 이렇게 라우팅을 해주려고 하는데 계속 에러가 났다 . export const LoginPage = () => { return ( 여긴 LoginPage ); }; 그래서 이것저것 해보다가 해결했는데 const ConsultPage = () => { return ( 여긴 ConsultPage ); }; export default ConsultPage; 이렇게 하니까 바로 해결! 그 이유는 " nextjs에서는 default로 export하지 않으면 사이트에 접속했을 때 에러가 발생한다 " 라는 설명이 있었다. [TIL] useEffect의 실행 순서 React 컴포넌트는 먼저 랜더링되며, 이 과정에서 JSX 코드가 반환되고 DOM에 반영됩니다. 이것이 기본적인 랜더링 과정이죠. useEffect 실행: 컴포넌트 렌더링이 완료 된 후 useEffect 내부의 함수가 실행된다. 이 함수는 비동기적으로 실행될 수 있기 때문에 비동기 작업을 수행하는데 유용하다. dependency array의 값이 변경될 때마다 useEffect가 실행된다. clear : 컴포넌트가 unMount 될 때 실행되는 함수로 사이드 이펙트를 정리하는데 사용된다. 이전 1 2 3 4 ··· 26 다음