본문 바로가기

내일배움 강의54

입문 2주차 9 코드 서식 정리하기 1. 코드 서식의 중요성에 대해 알아봅니다. 2. 코드 서식 도구인 Prettier를 알아봅니다. 3. Prettier의 규칙을 알아보고, 실제 프로젝트에 적용해봅니다.01. 코드 서식 알아보기1) 코드 서식이 무엇일까요?코드 서식 : 코드의 형식(Format)코드 서식은 코드를 작성하는 방식을 말합니다. 이는 코딩 스타일(Coding Style)이라고도 합니다.언제나 “좋은 코드”를 작성하기 위해 노력하는 것이 개발자의 미덕입니다. 전 “좋은 코드”라는 것은 가독성이 좋고, 일관성이 있으며, 간결한 코드라고 생각합니다.2) 코드 서식을 일관적으로 관리하면 무엇이 좋을까요?개발자들마다 똑같은 기능, 똑같은 내용의 코드를 작성하더라도 다른 형태로 코드를 작성하게 되는데요, 그 예시가 아래와 같습니다. Ca.. 2024. 11. 24.
입문 2주차 10 배포를 위한 Git 학습 https://teamsparta.notion.site/2-10-Git-623cd4cf0ebc4972bbe6f31c7e8f0aa3   원격 저장소가 있는 github 레파지토리 만들기◆ Repository name: nodejs-todo-list   ▶ 원래의 프로젝트 이름과 달라도 상관 없어요. 이건 원격 저장소(Remote Repository)의 이름입니다!    강의를 따라오는것에 문제만 없다면 다른 이름으로 하셔도 됩니다! ◆ Description: 생략 혹은 자유롭게 입력 ◆ Public or Private: Public    ▶ Public: 아무나 여러분의 레파지토리를 볼 수 있어요! 지금은 민감한 보안 정보가 없고, 배포를 쉽게 하기 위해 Public으로 설정하고 진행합니다.◆ Initia.. 2024. 11. 24.
입문 2주차 11 AWS 배포하기 1. AWS EC2를 대여하여 Node.js 서버를 배포할 수 있습니다. 2. AWS의 방화벽 역할을 담당하는 보안 그룹을 설정할 수 있습니다. 3. 배포한 Node.js 서버와 도메인을 연결할 수 있습니다.01. 환경 설정하기1) AWS 가입하기 (승인까지 최대 24시간이 걸리니, 미리 해주세요!)가입 승인에 시간이 소요될 수 있으니, 미리 가입해주세요! AWS 가입하기 : https://portal.aws.amazon.com/billing/signup#/start​EC2 확인하기 : https://ap-northeast-2.console.aws.amazon.com/ec2/home?region=ap-northeast-2​AWS는 개인에게 클라우드 환경의 가상서버를 제공합니다. 기본 사양의 서버(EC2).. 2024. 11. 24.
입문 2주차 6 Create, Read 구현하기 목표1. 할 일 메모 사이트의 Create, Read 기능을 구현한다. 2. 데이터 유효성 검사 기능에 대해 알아보고, 해당 기능을 추가한다. 01. [할 일 메모 사이트] - Create, Read 구현하기1) [할 일 메모 사이트] - Create, Read API 정리하기 MethodURLRequestResponse할일POST/api/todos/{ "value":"제로 콜라 500ml 구매하기" }{ "todo": { "value": "제로 콜라 500ml 구매하기", "order": 1, "_id": "64bd3e6a8f9c069e092ee5c4", "__v": 0, "todoId": "64bd3e6a8f9c069e092ee5c4", "id": "64bd3e6a8f9c069e092ee5c4" } .. 2024. 11. 22.
입문 2주차 5. Mongoose Schema 설계 1. [할 일 메모 사이트]의 MongoDB를 설정합니다. 2. [할 일 메모 사이트]의 기능을 바탕으로 모델과 스키마를 설계합니다.01. [할 일 메모 사이트] - Mongoose Schema 설계하기1) MongoDB 연결 준비mongoose를 사용하여 MongoDB에 데이터를 저장할 것입니다.이를 위해 Mongoose의 공식 문서를 따라 schemas 폴더를 생성하고, 하위 파일인 index.js를 아래처럼 준비합니다 데이터베이스의 이름은 todo_memoMongoDB의 URL은 이전에 대여한 MongoDB Atlas에서 가져옵니다.// schemas/index.js mongoose 연결import mongoose from "mongoose";const connect = () => { mongo.. 2024. 11. 22.
입문 2주차 4.할 일 메모 사이트 설계 01. [할 일 메모 사이트] - 준비 단계1) 이번 주차에 만들 것! - 할 일 메모 사이트이번에 만드게 될 [할 일 메모 사이트]는 Express를 통해 MongoDB를 사용하고, REST API를 설계하고 구현하는 작업을 진행할 예정입니다![할 일 메모 사이트]에서 구현할 기능▶ 할 일 추가하기 ▶ 할 일 목록 보기 ▶ 할 일 내용 변경하기 ▶ 할 일 순서 변경하기 ▶ 할 일 완료하기 ▶ 할 일 완료 해제하기2) 위 기능을 구현하려면 무엇이 필요한지 고민해보기1. 할 일 메모 페이지 : 일단 할 일을 기록할 수 있게 해주는 페이지 ( 코드 스니펫에 있음)2. Express.js 서버 : API를 구현하기 위해 Express.js를 이용해 서버 코드를 작성3. MongoDB, mongoose : 할 .. 2024. 11. 21.

티스토리툴바