프론트엔드
1.[React] 진행상황 표시바 구현하기(progress bar)
프로젝트 진행 중 progress bar가 필요해서 구현해보았다.화면 상단에서 진행 정도를 볼 수 있도록 표시한 바다주로 설문이나 회원가입 등 화면에서 사용progress(진행정도)를 백분율에 맞춰 숫자로 입력하면 그만큼의 진행상황이 표시됨progressBar.tsx사
2.[React] useState란? 비동기처리, batch update에 대하여
useState는 상태를 정의하고, 이 상태를 관리할 수 있게 하는 훅이다.useState의 반환값은 배열이다state: 첫 번째 원소, 처음에는 '초기값'으로 세팅됨useState: state를 변경할 수 있는 함수state는 문자열, 숫자, 배열, boolean 등
3.[React] API 연결에 대해 알아보자(axiosInstance, 환경변수)
지금 진행 중인 프로젝트에서 UI를 거의 다 마치고 api 연결할 시점이 되어서...개념 정리를 해보겠다배포한 서버 url이나 인증 토큰 같은 경우 유출되면 안 되는데 이런식으로 하면 깃에 그대로 올라가기 때문에 곤란함..따라서, api를 배포하지 않고 개발환경(로컬)
4.[React] tanstackQuery란? ( useQuery, useMutation, API 연결)
서버로부터 데이터 가져오기, 데이터 캐싱, 캐시 제어 등 데이터를 쉽고 효율적으로 관리할 수 있는 라이브러리(2023년 9월 react Query에서 Tanstack Query로 이름 바꿨다)장점1) 자동 데이터 캐싱동일한 데이터에 대한 여러 요청을 단일 요청으로 중복
5.[React] 비동기 처리에 대하여 (async, Promise)
특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드 먼저 수행하는 것을 말함동기 방식 : 순차진행비동기 방식 : 순차진행 X동기의 경우 특정 코드가 실행되어야 다음 코드가 실행될 수 있기에 대기 시간이 길다자바스크립트 비동기 작업의 완료 또는 실패를 나타내는 객