자바스크립트(Javascript)13 MongoDB에 데이터 일괄 업로드 하기(2) JSON 파일을 기반으로 MongoDB에 일괄 업로드 하는 방법에 대해 예시를 들어 설명하겠습니다. MongoDB 데이터베이스에 데이터를 입력하기 위해서는 다음과 같은 과정이 필요합니다. 단계별 과정을 구체적으로 보여드리겠습니다. 📌 설명하는 데이터 샘플은 이전 포스트의 내용을 참조 2023.12.21 - [자바스크립트(Javascript)] - MongoDB에 데이터 일괄 업로드 하기(1) MongoDB에 데이터 일괄 업로드 하기(1) 서비스 개발을 하기 위해 필요한 더미(Dummy) 데이터를 만들 필요가 있거나, 서비스용 데이터를 별도 입력 웹페이지를 만들어서 한 건씩 입력하는 것이 어렵기 때문에 초기 데이터 일괄 업로드 하 peter-codinglife.tistory.com 1. MongoDB Sc.. 2023. 12. 22. MongoDB에 데이터 일괄 업로드 하기(1) 서비스 개발을 하기 위해 필요한 더미(Dummy) 데이터를 만들 필요가 있거나, 서비스용 데이터를 별도 입력 웹페이지를 만들어서 한 건씩 입력하는 것이 어렵기 때문에 초기 데이터 일괄 업로드 하는 방법에 대해 알려드리고자 합니다. 어떤 서비스를 기획하고 개발하여 제공하기 위해서는 서비스 특성에 따라 필요한 데이터에 대한 정의부터 진행하게 됩니다. 이번에는 정보성 서비스 제공을 위한 기초 데이터 생성 이나 개발용으로 더미 데이터를 만드는 방법을 예시를 들어 설명하겠습니다. 예시로 국내 여행정보를 소개하는 사이트를 만드는데 기초 데이터는 공공데이터포털 에서 가져왔습니다. 공공데이터포탈 가입 및 이용방법에 대해서는 별도 포스트에서 추가로 설명드리겠습니다. 1. 샘플 데이터 만들기 기초 데이터는 공공데이터포탈의.. 2023. 12. 21. Intl.NumberFormat 이용한 나라별 통화 표기하기 자바스크립트에서 언어에 맞는 숫자 서식을 변경하고자 할 때 유용하게 사용하는 내장된 표준 객체인 Intl.NumberFormat의 활용법에 대해 알아 보겠습니다. 1. 나라별 통화 표기 하기 한화 표기는 나라 형식에 'ko-KR' 을 적용 const number = 123456.789; // 통화 서식 console.log( new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR" }).format( number, ), ); // → 123.456,79 € // 한국 원화는 보조 통화 단위를 사용하지 않음 console.log( new Intl.NumberFormat("ko-KR", { style: "currency", currency: ".. 2023. 12. 3. Pagination 기능 만들기 대용량의 데이터를 한꺼번에 화면에 표출하게 되면 데이터를 로딩하는 시간도 많이 소요되고, 사용자가 보기에도 불편함이 많이 존재하게 됩니다. 사용자 편의성을 위해 일반적으로 사용하는 페이지를 나눠서 보여주는 pagination 기능을 아래의 예시를 통해 적용해보겠습니다. 페이지를 나눠서 표출하는 방법에는 다양한 방법이 있겠으나 이번 예시에서는 Node.js, Express, MongoDB 환경에서 기능을 구현하였습니다. 1. 기능 정의 - 표출할 전체 데이터 수를 확인하기 - 한 페이지에 표출할 목록 갯수 정하기 - 페이지당 목록 개수에 따른 페이지수 확정 - 페이지 이동시 해당 페이지 목록에 해당되는 데이터만 불러오기 - 페이지 목록 표출은 Bootstrap 적용 2. 페이지 생성 함수 정의 utils>.. 2023. 11. 3. 텍스트필드 데이터 줄이거나 줄바꿈 표현하기 태그와 같이 내용이 긴 텍스트 데이터 입력을 받고 이 데이터를 표출하는 방법 Tip을 소개하고자 합니다. 1. 글자수 제한하여 표출하기 전체 데이터 목록을 표출하는 데 있어서 한 페이지에 표출하는 내용을 제한하고자 할 때 글자수를 제한하여 표출할 때 유용한 방법입니다. 전체 글자수 길이를 확인하여 표출하고자 하는 글자수와 비교하여 적으면 전체를 보여주고, 넘어가면 글자 수 만큼 자르고 "..." 줄임말 표시를 붙여 줍니다. 아래의 예시는 200자를 넘어가면 slice 로 200자까지 자르고 "..." 을 붙이고, 아니면 전체 글자수를 표출합니다. 200) ? campground.trrsrtIntrcn.slice(0,200)+" ..." : campground.trrsrtIntrcn %> 2. 줄바꿈 표출.. 2023. 11. 1. 회원가입시 패스워드 유효성(Validation) 검사하기 웹사이트 개발시 회원가입 기능을 구현하는데 기본적인 패스워드 등록하기 위해 패스워드 유효성에 대해 설정 및 확인하는 방법에 대해 실제 예시를 통해 설명하고자 합니다. 기본적인 사용 프로그램은 Node.js, Express, Passport, Helmet 입니다. 1. 패스워드 기본 설정 만들기 패스워드 입력 폼의 pattern에 정규식을 지정하여 입력방식을 제한할 수 있습니다. 정규식 구성 예시 (?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,} - 대문자, 소문자, 숫자, 특수문자 포함 - 8글자 이상 아래는 입력창의 예시화면으로 ?=.*\d 는 숫자가 일치하는지 확인, 소문자, 8자 이상 입력해야 하도록 구성하였습니다. 비밀번호 Looks go.. 2023. 10. 28. 이전 1 2 3 다음 반응형
