목록Language/Javascript, Typescript, React (18)
기록하는 공부

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

먼저, 나는 VSCode를 이용해서 프로젝트 코드를 작성하려고 한다. 1. VSCode를 실행시키고 새 터미널을 누른다. 2. 하단에 터미널 창에서 프로젝트를 생성하고자 하는 경로로 이동한다. 이동 시에는 cd 폴더명 명령어를 입력해서 이동이 가능하다. 아니면 파일 탐색기에서 경로를 복사해온 후 cd 복사한 경로 를 입력해도 이동이 가능하다. 복사한 경로를 VSCode 터미널 창에 입력한다. 3. "npx create-react-app my-app --template typescript" 명령어를 입력해 타입스크립트 프로젝트를 생성한다. npx create-react-app my-app --template typescript 4. 생성된 파일들을 살펴보고 실행시켜 본다. 프로젝트 실행 명령어는 npm s..

React 설치 후 사용하던 폴더를 닫고 새 react 작업 폴더를 만드려고 했다. 여기저기 구글링을 해보면서 리액트 앱을 만들고 삭제하는 것을 반복하다가 갑자기 어느 순간 src, public 폴더가 생성되지 않고 오직 package.json, yarn.~, node_modulles 폴더만 존재했다. 너무나 당황스러웠지만 구글링을 해보면서 create-react-app을 지웠다가 깔았다가 해보았지만 해결되지 않았다. 그러다가 어떤 방법으로 오류를 해결할 수 있었는데 그 방법을 공유하고자 한다. 오류 해결 방법 #1 create-react-app을 설치했던 경로에서 "npm uninstall -g create-react-app" 명령어를 입력한다. 본인이 작업을 하려고 했던 경로(폴더)에서 "create..

강의출처 https://youtu.be/IxydSMI4Qjg useAxios useAxios는 React Hooks 중 하나로, Axios 라이브러리를 사용하여 HTTP 요청을 보내고, 그 결과를 처리할 수 있게 해주는 기능이다. Axios는 Promise 기반의 HTTP 클라이언트 라이브러리로, 비동기적으로 데이터를 가져올 수 있다. useAxios를 사용하면 Axios를 통해 비동기적으로 데이터를 가져오고, 그 결과를 상태로 저장하여 컴포넌트에서 사용할 수 있다. useAxios는 useState와 useEffect와 같은 방식으로 사용된다. 컴포넌트 내부에서 호출하여, 두 개의 매개변수를 받는다. 첫 번째 매개변수는 Axios에서 사용하는 설정 객체(config)이며, 두 번째 매개변수는 옵션 객체..