728x90 2024/073 [TS] IndexedDB 공통 유틸: 구현과 사용법 (+ 기본 개념) 회사 프로젝트에서 Web Storage 로는 Local Storage 만을 사용하고 있었다.그러나 추후 Web Storage 에 저장해야 할 정보들이 많이 생겨날 것을 대비해,(Local Storage 보다) 더 많은 정보를 저장할 수 있는 IndexedDB 를 사용해보기로 했다. 모든 프로젝트에서 사용할 수 있게 공통화된 유틸을 작성하는 것이 필요했다.개인적으로 유틸을 완성하기까지 고군분투한 과정을 기록해보려고 한다🤣 목차IndexedDB 의 장점 및 특징CRUD 적용(TypeScript ver.) 예시와 주요 개념트러블 슈팅 경험 📌 IndexedDB ?IndexedDB 는 브라우저 내에서 구조화된 데이터 저장을 위한 API 이다.Local Storage 와 비교할 때 IndexedDB 가 가지는.. 2024. 7. 28. [Next.js] 확장성 높은 Layout 컴포넌트 구축하기 _app.jsimport Layout from "../components/Layout"export default function App({ Component, pageProps }) { const getLayout = Component.getLayout || ((page) => { page }) return getLayout()}Component 는 페이지를 의미한다.따라서, 페이지가 getLayout 을 가지고 있다면 그것을 보여주고, 가지고 있지 않다면 다른 구조를 보여주도록 조건을 주면 된다. [ 페이지 ]csr.jsimport Layout from '../components/Layout'import SubLayout from '../components/SubLayout'export defa.. 2024. 7. 21. [프로그래머스] 이어 붙인 수 : JavaScript 📌 문제 📌 풀이function solution(num_list) { let even = ''; let odd = ''; num_list.map(data => { if (data % 2 === 0) { even += data; } else { odd += data; } }) return Number(even) + Number(odd);}반복문 속 조건문을 통해 짝/홀수를 구분하고, 문자열로 숫자를 이어 붙인 후, 마지막에 숫자로 변환해 더해주는 식으로 풀었다. 다른 풀이다른 사람의 풀이를 보던 중에 처음 접한 '문자열 → 숫자' 로 변환하는 연산자를 보아서 기록하려고 한다.functi.. 2024. 7. 9. 이전 1 다음 728x90
