본문 바로가기

프론트엔드3

XLSX 변환하기 XLSX 적용하게 된 이유!현재 회사에 csv로 적용되어 있고, 왜 csv로 했냐고 한다면, 그때 상황이 극박했고심지어 파일의 비밀번호 설정까지 필요했다.. 백엔드 상황은 여의치 않아서, api로 내려주면 프론트엔드에서 가공해서 내려줘야하는 상황이라,가장 빠르게 적용할 수 있는 선택이 csv를 zip으로 압축시켜 zip에다 암호화 시키는 것! xlsx 파일 암호화를 검토하기엔 시간이 너무 짧아서, 빠른 시간 내에 적용할 수 있는 방법이 이 방법이였다.XLSXCSV통합 문서의 모든 워크 시트에 대한 정보가 들어 있는 이진파일값이 쉼표(,)로 구분된 일반 텍스트 형식.xls 또는 .xlsx 파일을 읽을 수 있는 프로그램에서만 읽을 수 있음여러 텍스트 편집기에서 열 수 있음데이터 가져오는 동안 많은 메모리 .. 2024. 5. 1.
모노레포(pnpm)로 storybook 설치하기 기술 블로그로 시작했지만, 여행블로그 글만 올리고 올해의 첫 기술블로그! 현재 사이드 프로젝트 진행 중인데, 사이드 프로젝트를 진행하면서 몰랐던 부분과 알게된 부분?프로젝트를 어떻게 구성했는가? 하는 부분에 대해 하나하나 천천히 블로그를 써볼 예정이다.현업에서 불편했던 부분을 개선해서 사용해보자 시작한 사이드 프로젝트이기 때문에,현업과 비교를 하는 글이 다수 올라올 수 있다ㅎㅎㅎ 그럼 스타또~😊 현재 현업에서 프로덕트 2개를 관리하고 있는데, 같은 컴포넌트를 2개의 프로덕트 안에서 각각 따로 따로 생성해서 사용하고 있다.사이드 프로젝트는 이러한 어려움을 개선하고자, 성장하고자? ㅎㅎ 시작된 프로젝트이기 때문에, 현업에서 사용하고 싶었는데 사용하지 못했던 것들을 사용해보는 것으로 결정.. 2024. 3. 31.
Redux vs Zustand Redux와, Zustand는 React 상태관리 라이브러리로, 두가지 라이브러리 다 Flux 패턴이다. Flux 패턴이란? 단방향 데이터 흐름을 구현하기 위한 클라이언트 사이드 웹 어플리케이션 아키텍쳐 패턴 데이터를 예층 가능하게 하고, 데이터 흐름의 복잡성을 해결하는 장점이 있다. MVC 패턴과, Flux 패턴를 비교를 해보자. MVC 패턴 Flux 패턴 구조 데이터 흐름 양방향 단방향 특징 상태값을 하위 컴포넌트로 전달해주기 위해 불필요한 컴포넌트에 상태값을 선언해야됩니다. 상태값을 store에서 관리하여 필요한 컴포넌트에서만 가져와 사용할 수 있도록 해결합니다. Zustand Redux 복잡한 상태 관리가 필요 없는 작은 규모의 프로젝트에 적합한 가벼운 상태 관리 라이브러리 복잡한 상태 관리를 필.. 2023. 12. 13.