기록하는 공부

1. VSCode를 실행하고 새 터미널 창을 열고 생성하고자 하는 프로젝트 경로로 이동한 후, 아래 명령어를 작성한다. npx create-react-app 생성할프로젝트명 --template typescript 2. VSCode에서 Prettier과 ESLint를 찾아 설치한다. ESLint 란 ? 더보기 ESLint는 JavaScript 코드에서 문제점을 식별하고 예방하는 도구로 이를 통해 일관된 코드 스타일을 유지하고 코드 품질을 향상할 수 있다. ESLint는 설정 파일을 사용하여 린트 규칙을 정의한다. 이 규칙은 코드 스타일, 코드 오류, 보안 문제 등 다양한 측면에서 지원된다. 예를 들어, 함수 정의 시 인자의 이름을 정의하는 것, 변수 선언 시 초기화를 권장하는 것, 반복문에서 변수를 재할당..

Language/Javascript, Typescript, React 2023. 5. 6. 16:08

async, await async와 await는 JavaScript에서 비동기 코드를 작성하는 방법이다. 비동기 코드란 코드가 실행되는 동안 다른 코드가 실행될 수 있는 코드를 의미한다. 이는 웹 애플리케이션에서 서버로부터 데이터를 받아오거나, 사용자와의 상호작용 등에서 유용하게 사용된다. async 키워드는 함수를 비동기 함수로 만든다. 이 함수는 Promise 객체를 반환하며, Promise 객체는 비동기 작업이 완료되면 결과를 반환한다. await 키워드는 Promise 객체의 결과를 기다리며, 해당 결과가 반환될 때까지 코드 실행을 일시 중지한다. 이렇게 하면 코드가 비동기 작업이 완료될 때까지 기다리지 않아도 되며, 콜백 함수나 Promise 체인 등을 작성하지 않아도 된다. 예를 들어, 다음과..

Language/Javascript, Typescript, React 2023. 3. 26. 23:13