728x90 코드잇24 [코드잇 부스트] 데모데이 조각집 프로젝트 기록 및 후기 0. 프로젝트 시작 코드잇 부스트에서 10주차 동안 진행한 스터디를 끝내고 데모데이 프로젝트를 시작했다! 처음엔 여러 명에서 한 팀이 되어 프로젝트를 진행하는 줄 알았으나, 백엔드 1명 프론트 1명 아님 백엔드 2명 프론트 1명으로 팀원이 구성되었고 나는 프론트엔드 한분과 함께 프로젝트를 진행하게 되었다. 프로젝트의 이름은 조각집으로 자신의 추억을 게시글로 올려 소중한 사람들과 공유할 수 있는 추억 기록 및 공유 서비스이다. 디자인 같은 경우는 본부에서 지원해줬고 페이지 예시 또한 피그마로 제공 받아서 디자인 관련해선 어려움이 없었고 따라서 구현 과정도 쉬울거라고 생각했었지만..역시 웹 프로젝트는 처음이었어서 쉽지 않았다. 사용한 기술 스택 👩💻 프론트 엔드& 백엔드 ?.. 2024. 9. 15. 10주차 스터디 Express 유저 기능 구현하기 [코드잇 부스트 백엔드 스터디 ] MVC 패턴이란? MVC(Model-View-Controller)MVC 패턴은 각각의 역할과 관심사를 분리함으로써 모델, 뷰, 컨트롤러가 독립적으로 작동하도록 하는 것이 목적 🔹모델: 주로 데이터베이스와 상호작용 및 비즈니스 로직을 관리🔹뷰: 레이아웃과 화면처리🔹컨트롤러: 모델과 뷰로 명령을 전달하는 역할 블로그 서비스🔹사용자가 블로그에 글을 작성하려고 할 때 뷰는 입력양식 제공 사용자가 글을 작성하면 컨트롤러가 입력을 받아 모델에 업데이트 컨트롤러는 작성된 글의 내용을 모델로 전달하여 블로그의 글 목록에 추가 🔹사용자가 작성한 글을 수정하거나 삭제하려고 할때→ 뷰는 해당 글을 편집하거나 삭제할 수 있는 인터페이스를 제공 사용자의 동작에 따라 컨트롤러가 모델을.. 2024. 8. 18. 10주차 스터디 웹 API 디자인 [코드잇 부스트 백엔드 스터디 ] REST 살펴보기 API 디자인과 REST REST (Representational State Transfer)🔹표현된 자원의 상태를 주고 받는 방법을 정리한 아키텍처 스타일🔹 REST API는 REST를 준수하여 만든 API를 말한다🔹web과 http의 장점을 최대한 활용할 수 있게 된다 REST를 잘 준수한 API를 RESTful하다고 한다 (RESTful API) REST 제약 조건🔹클라이언트 서버🔹무상태성🔹캐시🔹일관화된 인터페이스 → 가장 큰 영향을 주는 제약 조건🔹계층화된 시스템🔹주문형 코드 일관화된 인터페이스🔹자원에 대한 식별🔹표현을 통한 자원에 대한 조작🔹자기 서술적 메세지🔹하이퍼미디어를 사용한 애플리케이션 상태표현 REST의 제약조건 첫 번째 제약 조건: Cl.. 2024. 8. 18. 9주차 스터디 유저 기능 원리 [코드잇 부스트 백엔드 스터디 ] 1. 인증과 인가 유저 기능이란? 리퀘스트를 보낸 사용자가 누구인지를 파악하는 인증 리퀘스트마다 할 수 있는 걸 제한하는 인가 → 유저기능 인증(Authentication) 유저기능의 기본 🔹인증을 하기 위해선 서버에 유저에 대한 정보가 저장되어 있어야함 🔹유저를 나타내는 모델이라는 걸 만든다 모델이란? 🔹 클래스랑 비슷하게 특정 리소스에 대한 정보를 관리하기 편하게 코드로 표현해놓은것 인증 🔹 유저별로 각각 다 다른 인증서를 가지고 있기 때문에 모두 구별 지을 수 있다 🔹인증서는 보통 만료 기간이 있다 → 특정 시간이 지나면 무효화돼서 더 이상 사용할 수 없게 된다 (로그아웃) 쿠키 인증 쿠키 🔹서버 리스폰스나, 클라이언트 코드에 따라 브라우저에 저장되는 작은 단위의 문자열 파일 🔹속성엔 서버에서 정한.. 2024. 7. 31. 9주차 스터디 Express 핵심 기능 [코드잇 부스트 백엔드 스터디 ] 1. express란? 💡 Express는 Node.js로 웹서버를 만들 때 사용할 수 있는 프레임워크 웹서버를 만들 때 필요한 기본적인 기능 제공 Express 구성요소🔹미들웨어🔹리퀘스트 리스폰스 객체🔹라우터🔹에러 핸들러🔹파일 2. 미들웨어 미들웨어란? 미들웨어란?🔹리퀘스트와 리스폰스 사이에 위치하여 어떠한 동작을 하는 함수🔹Express를 미들웨어의 집합이라고도 부른다 ***리퀘스트를 받고 리스폰스를 보내는 것이 웹 기본 동작 클라이언트로부터 리퀘스트를 받아서 리스폰스를 만들어 전달 미들웨어의 구조 function greeting(req,res){ console.log(req); res.json({message:'안녕, 코드잇 (;'});}//이름.. 2024. 7. 31. 6주차 스터디 자바스크립트 백엔드 개발 (2) [코드잇 부스트 백엔드 스터디] MongoDB 데이터베이스 사용하기 스키마 정의하기 • 스키마는 다룰 객체의 틀을 제공한다• 모델은 스키마를 기반으로해서 객체를 생성,조회,수정,삭제할 수 있다import mongoose from "mongoose";const TaskSchema = new mongoose.Schema( { title:{ type:String, }, description: { type:String, }, isComplete: { type: Boolean, default: false, }, }, { timestamps:true, .. 2024. 6. 30. 이전 1 2 3 4 다음 728x90
