실무 첫걸음, 생성형 AI로 배우는 UX/UI & 프론트엔드

MongoDB에 CSV와 Excel 데이터를 삽입하는 실전 강의1회차. MongoDB에 CSV·엑셀 데이터 삽입 개요 핵심 개념MongoDB는 NoSQL 기반 데이터베이스로, JSON 형태의 데이터를 유연하게 저장할 수 있습니다.엑셀(xlsx)이나 CSV(csv) 형식의 데이터를 코드로 불러와 MongoDB에 삽입하면 실전 테스트용 데이터나 초기 더미 데이터를 빠르게 구축할 수 있습니다.사용 도구Node.jsMongoosecsv-parser (CSV 파일용)exceljs (Excel 파일용)MongoDB (로컬 또는 MongoDB Atlas)CSV vs Excel 삽입 차이CSV: 단일 시트, 빠른 파싱, 간단한 구조Excel: 여러 시트 가능, 스타일 포함, 포맷 다양2회차. CSV 파일을 MongoD..

4회차. MongoDB 서비스 상태 확인과 Express 서버 실행 테스트용어 설명mongoshMongoDB에 직접 접속해 명령어를 입력할 수 있는 쉘(Command Line) 도구입니다. 설치 시 함께 제공됩니다.MongoDB 서비스MongoDB는 백그라운드에서 실행되는 서비스로, 시작되어 있어야 DB 접속이 가능합니다. 운영체제에 따라 실행 방식이 다릅니다.기본 개념 정리MongoDB가 실행 중이지 않으면 Express 서버에서 DB 연결이 실패합니다.서버 실행 전, MongoDB 서비스가 정상 상태인지 확인해야 합니다.서버 실행은 프로젝트 루트가 아닌 server 폴더에서 실행해야 합니다..env, db.js, index.js가 모두 준비된 상태여야 연결이 성공합니다.MongoDB 실행 확인 방법m..

2회차. MongoDB 연결 설정 파일 작성하기용어 설명MongooseMongoDB를 Node.js 환경에서 쉽게 다루기 위한 ODM(Object Data Modeling) 라이브러리입니다. 스키마 정의, 모델 생성, 쿼리 실행 등을 단순하게 해주는 도구입니다.connect()MongoDB에 연결하기 위한 핵심 메서드로, 연결 성공/실패 여부에 따라 결과를 반환합니다.기본 개념 정리Mongoose를 이용해 MongoDB에 연결하려면 mongoose.connect()를 사용합니다.연결 시에는 .env에 저장된 MONGO_URI를 참조합니다.연결 성공 여부에 따라 메시지를 출력하고, 실패 시 서버를 종료하는 것이 일반적입니다.예제 코드// server/config/db.jsimport mongoose fro..

MongoDB 설치 후 Express 서버 연결하기 (총 4회차 강의)1회차. 환경 변수 설정과 MongoDB 연결 문자열 이해용어 설명MongoDBNoSQL 기반의 비정형 데이터베이스로, JSON 형식의 데이터를 문서(document) 단위로 저장합니다..env 파일환경 변수 파일로, 서버 설정 정보를 외부로 분리해 관리합니다. 보안상 중요한 값도 이곳에 둡니다.핵심 개념MongoDB는 기본적으로 127.0.0.1:27017 포트를 사용합니다.데이터베이스 이름은 접속 시 명시하며, 해당 이름의 DB가 없다면 자동 생성됩니다..env 파일에 설정한 값은 코드 내에서 process.env.변수명으로 불러올 수 있습니다.예제 코드# server/.envPORT=5000MONGO_URI=mongodb://lo..

4강.Express로 서버 만들기: 라우터, 컨트롤러, 모델 구조 실습핵심 주제이번 강의에서는 실제로 Express 기반 서버를 구성해보며, 라우터 → 컨트롤러 → 모델 구조가 어떻게 동작하는지 실습 중심으로 다룹니다. 프론트엔드 개발자도 직접 서버를 구성해보면 요청과 응답의 흐름이 훨씬 선명해집니다.기초 개념: Express 구조의 역할 분담라우터 (Router): URL에 따라 요청을 분기컨트롤러 (Controller): 로직을 처리하고 모델 호출모델 (Model): MongoDB와 직접 연결되는 데이터 스키마기본 프로젝트 구조 예시server/├── routes/│ └── auth.js├── controllers/│ └── authController.js├── models/│ └── Us..

2강.컨트롤러(authController.js)는 실제로 데이터베이스를 다루는 곳인가?프론트엔드에서 로그인, 회원가입, 게시판 요청 등을 서버에 보내면, 서버는 이를 어떻게 처리할까요?결론부터 말하면, authController.js와 같은 컨트롤러 파일이 실제로 데이터베이스와 직접 통신하는 곳입니다.구조 이해: 라우터 → 컨트롤러 → 모델 → DB서버 구조는 보통 다음처럼 계층적으로 구성됩니다:라우터 (예: auth.js)요청 URL과 메서드에 따라 어떤 함수로 연결할지 결정합니다.예: router.post('/login', loginUser);컨트롤러 (예: authController.js)요청 처리의 핵심 로직을 수행합니다.사용자 정보 조회, 조건 분기, 응답 구성 등을 여기서 합니다.이곳에서 데이..

5강. MongoDB Atlas와 연결된 Node.js에서 CRUD 실습하기이번 강의에서 다룰 내용이번 강의에서는 MongoDB Atlas에 실제 데이터를 삽입, 조회, 수정, 삭제(CRUD) 하는 실습을 진행합니다. 연결된 데이터베이스가 실제로 동작하는지 검증하는 가장 중요한 과정입니다.Mongoose 모델 생성models/User.js 파일 생성사용자 정보를 담을 스키마 작성// models/User.jsimport mongoose from 'mongoose';const userSchema = new mongoose.Schema({ name: String, email: String, age: Number,});const User = mongoose.model('User', userSchema);..

4강. Node.js와 Mongoose로 MongoDB Atlas 연결하기이번 강의에서 다룰 내용MongoDB Atlas에서 연결 문자열을 준비했으니, 이제 실제로 Node.js 백엔드 코드에서 클라우드 DB에 연결해봅니다. 이번 강의는 다음 단계로 구성됩니다.Node.js 프로젝트 생성 및 환경 설정mongoose 라이브러리 설치Atlas 연결 코드 작성서버 실행 및 연결 확인Node.js 프로젝트 초기 설정새 폴더 생성 후 터미널에서 초기화mkdir mongo-atlas-testcd mongo-atlas-testnpm init -y필수 패키지 설치npm install express mongoose dotenvexpress: 웹 서버 프레임워크mongoose: MongoDB를 쉽게 다룰 수 있게 해주는..

3강. MongoDB Atlas 연결 문자열 복사와 접속 테스트이번 강의에서 다룰 내용앞에서 생성한 MongoDB Atlas 클러스터에 실제로 접속하기 위한 절차를 안내합니다. 이번 강의의 핵심은 다음과 같습니다.MongoDB Atlas에서 연결 문자열(Connection String) 복사하기연결 문자열의 구성 요소 이해하기MongoDB Compass 또는 VS Code에서 접속 테스트하기MongoDB Atlas에서 연결 문자열 복사하기MongoDB Atlas 접속 → 프로젝트 선택 → Clusters 탭생성한 클러스터 옆의 Connect 버튼 클릭연결 방식 선택 화면에서 "Connect your application" 선택아래처럼 연결 문자열이 생성됩니다:mongodb+srv://:@cluster0...

MongoDB Atlas란? 웹에서 시작하는 클라우드 MongoDBMongoDB란?MongoDB는 데이터를 문서(Document) 형태로 저장하는 NoSQL 데이터베이스입니다. 관계형 DB처럼 테이블과 스키마를 미리 정의하지 않아도 되기 때문에, 유연한 구조로 빠르게 데이터를 다룰 수 있습니다.특히 JSON과 유사한 BSON 형식을 사용하기 때문에 JavaScript나 Node.js 기반 프로젝트와의 궁합이 뛰어납니다.MongoDB를 웹에서 사용하는 방법전통적인 방식은 로컬에 MongoDB를 설치하여 사용하는 방법입니다. 하지만 다음과 같은 이유로 웹 기반 서비스를 사용하는 것이 훨씬 효율적입니다.로컬 설치 및 실행 환경 구성 필요 없음협업 및 팀 프로젝트에 유리백업 및 모니터링 등 클라우드 기능 제공빠..

MongoDB Atlas로 웹에서 MongoDB 연결하기MongoDB Atlas란?MongoDB Atlas는 MongoDB 공식 클라우드 서비스로, 별도 설치 없이 웹에서 데이터베이스를 생성하고 관리할 수 있습니다. 로컬 환경보다 안정적이고, 협업이나 배포에도 적합해 실무에서도 널리 사용됩니다.사용 위치로컬에 MongoDB 설치 없이 빠르게 실습 환경 구성할 때프론트엔드/백엔드 개발자가 데이터베이스를 웹에 연결해야 할 때팀 프로젝트에서 데이터 공유가 필요할 때MongoDB Atlas 연결 절차1단계 – MongoDB Atlas 가입 및 클러스터 생성MongoDB Atlas 접속계정 생성 또는 소셜 로그인(Google, GitHub 등)"Shared" → Free Tier 선택클러스터 이름 지정 → 지역 ..