728x90 배움 기록47 [Next.js] App Router API 요청 방식 정리 (+ Pages Router와 비교) (feat. MongoDB) 최근 게시판 프로젝트를 다시 리팩토링하고 기능을 보강하는 작업을 진행하고 있는데,App Router 로 프로젝트를 작업했지만API 요청은 Pages Router 방식으로 작성이 되어 있어서App Router 방식으로 변경하고자 하였다. API 요청 방식을 다룬 글이 많이 없어서공식 문서를 뜯어보고 한참 헤매다가해결한 코드를 공유하면 좋을 것 같아서 글을 작성하게 되었다! (기존에 작성했던 Pages Router 방식과 비교해서 보여주면좀 더 이해하기 쉬울 것 같았다.) 목차API 파일 폴더 구조GET 요청POST 요청 (application/json , formData 요청 방식)DELETE 요청 📌 API 파일 폴더 구조Pages Router ver.Pages Router 에서는 api 파일을 [프로.. 2024. 8. 10. [TS] IndexedDB 공통 유틸: 구현과 사용법 (+ 기본 개념) 회사 프로젝트에서 Web Storage 로는 Local Storage 만을 사용하고 있었다.그러나 추후 Web Storage 에 저장해야 할 정보들이 많이 생겨날 것을 대비해,(Local Storage 보다) 더 많은 정보를 저장할 수 있는 IndexedDB 를 사용해보기로 했다. 모든 프로젝트에서 사용할 수 있게 공통화된 유틸을 작성하는 것이 필요했다.개인적으로 유틸을 완성하기까지 고군분투한 과정을 기록해보려고 한다🤣 목차IndexedDB 의 장점 및 특징CRUD 적용(TypeScript ver.) 예시와 주요 개념트러블 슈팅 경험 📌 IndexedDB ?IndexedDB 는 브라우저 내에서 구조화된 데이터 저장을 위한 API 이다.Local Storage 와 비교할 때 IndexedDB 가 가지는.. 2024. 7. 28. [프로그래머스] 이어 붙인 수 : 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. [프로그래머스] 등차수열의 특정한 항만 더하기 : JavaScript 📌 문제 📌 풀이function solution(a, d, included) { var answer = 0; let addedDataList = []; let trueDataIndexList = []; let finalDataList = []; // 1. included 의 length 만큼 더한 등차수열을 List 에 넣는다. for (let i = 0; i { if (ele) { trueDataIndexList.push(idx) } }) // 3. 1번의 List 에서 2번의 List 의 값(=index) 을 새로운 List 에 넣는다. trueDataIndexList.map((el.. 2024. 6. 23. 이전 1 2 3 4 ··· 12 다음 728x90
