프로젝트 구현 중 별점을 추가해야하는 기능이 발생했다.위 코드와 같이 기본 svg태그 내 fill속성에서 색상이 grey색상이었는데, stars.map을 사용해서 각 별들을 star로 나타내며, 각각의 별들은 1,2,3,4,5로 표현할 수 있다.이때 만약에 3번째 별을
form data를 이용한 file 전송formData안에 fileData를 append 해주고, axios.post('url', formData, { "여기 내부에 헤더를 넣어줘야한다."})"Content-Type": "multipart/form-data",위에 다른
useNavigate() 파라미터 전달, useLocation()파라미터 수신 방법페이지 이동시 파라미터 전달 방법useNavigate()훅으로 navigate함수를 취득한다.navigate()함수의 첫번째 인자에 이동할 경로, 두번째 인자의 state속성에 파라미터를
transform 속성애니메이션 효과 제공x축과 y축을 따라 지정된 거리만큼 요소 이동시킬 때 사용요소에 회전, 크기 조절, 기울이기, 이동 효과 부여 가능transform: element변형 시 사용translate: transform에 속해있는 translate는
Redux-toolkit리덕스 툴킷 사용 이유리덕스의 기존 단점이였던, 보일러플레이트 코드가 줄어든다.(보일러플레이트란? 최소한의 변경으로 여러곳에서 재사용되며, 반복적으로 비슷한 형태를 띄는 코드)패키지 의존성을 줄여준다 (redux devtool, immer등 여러
상태관리 라이브러리 ZustandRedux와 비교했을 때 Zustand 차이훅을 이용한 상태관리컨텍스트 프로바이더가 필요 없다.(컨텍스트 프로바이더란? context에 상태를 제공, 즉 다른 컴포넌트가 해당 상태에 접근해 사용용 리덕스에서는 루트 컴포넌트에 Provid
Chart.js 라이브러리를 사용해서 그래프를 그리는 과정에서, 마지막 데이터가 반 잘리는 현상이 발생했다..해결을 위해서 하루를 삽질 했다!ㅠ 위와같이 마지막 그래프만 잘리는 현상이었다.해결을 위해 생각 했던 방법은 그래프에 padding-right를 줘서 여백을 추