웹개발
-
[Next.js 14] 사용자 데이터 csv로 변환 및 파일로 다운로드웹 개발/Nextjs 14 2024. 5. 8. 05:18
웹을 개발하다보면, 웹 관리자에게 필요한 기능을 추가해야 하는 경우가 있다.이 포스팅 제목처럼 사용자 데이터를 csv 파일로 변환하고 다운로드하는 기능이 그 예시인데,이 기능은 사용자 통계를 내거나 마케팅 메일 수신을 동의한 사용자에게 메일을 일괄 전송할 때 유용하다.마케팅 팀에서 홍보 메일을 전송하기 위한 사용자 리스트를 요청했을 때,다른 추가 작업 없이 관리자 모드에서 버튼 하나만 달칵 -> (수신 동의한) 메일 리스트가 나열된 csv 파일이 다운로드 된다면엄청 편하지 않겠는가! (물론 db에서 메일 리스트를 가져와 메일 수신 동의 여부로 필터링해서 보내주는 api가 사전에 구현되어 있어야 하긴 함) 암튼 서론이 길었는데, 코드를 보자.const UserListDownloadButton = () =>..
-
[웹 개발] 시작 전 간단한 리서치웹 개발/일반 2024. 2. 21. 02:26
(리서치한 내용 + 이미 알고 있던 내용) -> 제가 이해한대로 작성해서 틀린 부분이 있을 수도 있다는 점 유의해주세요..! 최근에는 웹 개발을 위한 다양한 프레임워크이 많아 복잡해보이지만, 결국 웹은 크게 3가지 부분으로 나눠진다. HTML 웹 페이지의 뼈대(구조)를 구성 JavaScript 페이지의 동작을 담당 CSS 페이지를 더 보기 좋도록 스타일을 추가 오랜만에 웹 개발 다시 시작해서 너무 설렌다! 가보자고~~ Basic 라이브러리 설치 npm js 라이브러리 관리를 도와주는 패키지 매니저로, 라이브러리의 설치나 수정, 삭제와 같은 관리가 쉬워진다. node.js 설치 시 함께 설치된다. // 패키지 설치 npm install 모시깽 // 패키지 수정 npm update 모시깽 // 패키지 삭제 ..