본문 바로가기

분류 전체보기321

SQLD - Transaction (트랜잭션) 트랜잭션이란? 데이터베이스의 논리적 연산단위로서 밀접히 관련되어 분리될 수 없는 1개 이상의 데이터베이스 조작 트랜잭션의 특징 원자성 : 트랜잭션에 정의된 연산들은 모두 성공적으로 실행되던지 아니면 전혀 실행되지 않은 상태로 남아 있어야 한다. 일관성 : 트랜잭션이 실행되기 전의 데이터베이스 내용이 잘못 되어 있지 않다면 트랜잭션이 실행된 이후에도 데이터베이스의 내용에 잘못이 있으면 안된다. 고립성/독립성 : 트랜잭션이 실행되는 도중에 다른 트랜잭션의 영향을 받아 잘못된 결과를 만들어선 안된다. 지속성 : 트랜잭션이 성공적으로 수행되면 그 트랜잭션이 갱신한 데이터베이스의 내용은 영구적으로 저장된다. 트랜잭션 완료의 의미 변경사항이 데이터베이스에 반영 이전 데이터가 영영 사라져버린다. 모든 사용자는 결과를.. 2023. 9. 7.
Ag-grid react 사용기 - 정렬(Sorting) 프로젝트에서 Ag-grid react 라이브러리를 사용하면서 이거저거 적용해보고 있다. https://www.ag-grid.com/javascript-data-grid/row-sorting/ JavaScript Data Grid: Row Sorting This page describes how to sort row data in the grid and how you can customise that sorting to match your requirements. Download v30 of the best JavaScript Data Grid in the world now. www.ag-grid.com 기본 정렬 기본적인 정렬 기능을 사용하려면 sortable 을 true로 columnDef를 지정해줄 .. 2023. 9. 6.
Suspense를 사용하기에 앞서 진행하고 있는 프로젝트에서 Suspense 를 사용하려고 한다. 다만 제대로 사용해본 적이 없어서 마구잡이로 사용해보다가 별로 도움이 되지 않고 있다고 느끼게 되었고, 잘못된 Suspense 사용이 아닌가 싶어서 알아보게 되었습니다. 비동기 데이터 관리 Suspense 와 비동기 데이터를 이용하여 로딩로직을 짤 수 있는 것은, Suspense가 Promise를 catch하는 것이 요점이다. Promise 상태를 throw 해주는 라이브러리와 함께 사용하면 Promise가 resolve 되기 전까지 Suspense가 fallback을 보여주는 것 가장 먼저, Recoil 은 클라이언트 전역 데이터 관리를 담당한다. 현재 작업에는 리코일을 사용하고 있다. 리액트 쿼리를 사용해야하나의 여부에선 지금까진 굳이 .. 2023. 9. 5.
React Chart 라이브러리 - recharts 다룬다! 차트! https://recharts.org/en-US/ recharts 다이콤을 사용하여 해당 정보들을 시각화 하는 것을 맡게 되었다. 정보는 준비되어 있으므로 이 정보들을 어떻게 시각화를 할지 여러 차트 라이브러리를 서칭해보다가 깔끔하다는 rechats 를 선택하게 되었다. Victory 나 apex, react-chartjs-2 등 여러 라이브러리를 눈여겨 봤지만 실무에서 많이 사용되는 것을 해보는 것이 맞다고 여겨졌다. 설치 npm install recharts --save 사용하기 원하는 차트 컴포넌트를 import 하고 해당 컴포넌트의 props를 채워넣어서 차트를 그려준다. LineChart ScatterChart PieChart RadarChart BarChart RadialBar.. 2023. 8. 31.

티스토리툴바