CASSIE'S BLOG

전 draw.io 대충 그려서 합니다

🚩 피그마 이미지 크롭하는 방법 https://jeeeeehnmin.tistory.com/entry/%EA%B8%B0%ED%9A%8D%EC%9E%90%EC%9D%98-Figma-%ED%94%BC%EA%B7%B8%EB%A7%88%EB%A1%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%ED%81%AC%EB%A1%AD%ED%95%98%EA%B8%B0%EC%9E%98%EB%9D%BC%EB%82%B4%EA%B8%B0 [기획자의 Figma] 피그마로 이미지 크롭하기/잘라내기 워낙 피그마가 활용도가 높다보니까 피그마를 화면설계서 뿐만 아니라 여러가지 편집 툴로 사용하게 된다. 그러다보니 자연스럽게 단순한 이미지 편집도 하게된다. 그 중 단연코 많이 쓰는 기 jeeeeehnmin.tistory.com 🚩그..

https://www.atlassian.com/ko/software/jira

Firebase 데이터베이스에 연동하여 장바구니 데이터를 데이터베이스에 저장하고 불러오기 1. Firebase 데이터베이스에서 데이터를 불러오기 2. Firebase데이터베이스에 데이터를 저장하기 장바구니 데이터 저장하고 불러오는 것까지 하기 지금 백엔드가 없으니까 각각의 방법을 다 해본다함 방법1. 컴포넌트 안에서 side-effect 로직 및 비동기 로직을 처리하기 e.g. useEffect() 방법2. Redux의 action.creator안에서 side-effect 로직 및 비동기 로직을 처리하기 e.g. redux-thunk cart 바뀔 때마다 보내는 요청을 useEffect()안에 로직 적어준다. 우리가 익숙한 fetch api를 써주겠다는데 useEffect( () => { fetch() ..

"실패 케이스와 성공 케이스가 혼재되서 코드가 복잡해요"라는 말은 코드에서 예외 처리나 오류 상황에 대한 처리가 코드 내에 성공적인 부분과 섞여 있어 코드가 복잡해 보인다는 것을 나타냅니다. 이런 상황에서 코드를 개선하고 관리하기 위해 "Error Boundary(에러 바운더리)"를 도입할 수 있습니다. React 어플리케이션에서 Error Boundary는 컴포넌트 트리의 어딘가에서 발생한 JavaScript 오류를 잡아내고 이를 기반으로 UI를 변경하는 React 컴포넌트입니다. 즉, 어플리케이션의 특정 부분에서 오류가 발생하면 Error Boundary가 이를 감지하고 대체 UI를 보여줄 수 있습니다.

"react-query"는 React 애플리케이션에서 서버 데이터를 처리하는 데 도움을 주는 라이브러리입니다. Redux와 비슷한 목적을 가지고 있지만, 몇 가지 다른 특징과 철학을 가지고 있습니다. Redux는 상태 관리 라이브러리이며, 애플리케이션의 상태를 중앙 집중식으로 관리하는 데 사용됩니다. 데이터 가져오기와 관련된 비동기 작업은 주로 middleware와 함께 처리됩니다. 반면에 react-query는 데이터 가져오기와 관련된 로직을 더 단순화하고 추상화하는 것에 중점을 둡니다. 주로 API 호출 및 데이터 캐싱과 같은 기능을 제공하여 상태 관리를 편리하게 만들어줍니다. react-query를 사용하면 데이터 가져오기, 캐시, 재시도 및 인터벌로의 자동 리프레시와 같은 기능을 더 쉽게 다룰 수..