잡다한 사전

TypeORM이란? TypeORM은 TypeScript와 JavaScript (ES7, ES6, ES5)를 위한 오픈 소스 ORM(Object-Relational Mapping) 라이브러리입니다. 개발자가 데이터베이스에서 데이터를 쉽게 처리할 수 있도록 도와주며, TypeScript의 강력한 타입 시스템과 활용하여 개발자 경험을 향상시킵니다. TypeORM 특징 1. Active Record와 Data Mapper 패턴 지원 Type ORM은 Active Record와 Data Mapper 패턴을 모두 지원합니다. 이 두 가지 패턴은 ORM에서 데이터를 처리하는 두 가지 주용 방법입니다. Active Record 패턴은 모델 인스턴스가 자신의 데이터베이스 작업을 처리하는 반면, Data Mapper 패턴..

추상클래스란? 정의 추상 클래스는 클래스와 다르게 인스터스화가 불가능한 클래스를 말합니다. 추상 클래스가 존재하는 이유 ☑︎ 추상 클래스의 목적은 상속을 통해 자식 클래스에서 메서드를 제각각 구현하도록 강제를 하는 용도입니다.' ☑︎ 핵심 기능의 구현은 전부 자식 클래스에게 위임을 하는 것을 말합니다. 인터페이스란? ☑︎ 인터페이스는 TypeScript에서 객체의 타입을 정의하는데 사용을 합니다. ☑︎ 인터페이스는 객체가 가져야 하는 속성과 메서드를 정의합니다. ☑︎ 인터페이스를 사용하면 코드의 안정성을 높이고 유지 보수성을 높일 수 있습니다. 추상 클래스와 인터페이스의 차이 ☑︎ 구현부 제공 여부 추상 클래스 클래스의 기본 구현을 제공합니다. 인터페이스 객체의 구조만을 정의하며, 기본 구현을 제공을 하..

타입 스크립트는 무엇일까? Typescript는 Javascript의 단점을 보완하기 위해 만들어진 정적 타입 언어입니다. 자바스크립트의 단점 ☑︎ 실행 시간에 결정되는 변수 타입 ☑︎ 약한 타입 체크 타입스크립트를 사용하면서 바뀌는 것 ☑︎ VS코드에서 입력하는 순간 에러 확인이 가능합니다. ☑︎ 외부 모듈의 타입 정보를 제공할 수 있습니다. EX) Javascript function sum(a, b) { return a + b; } Typescript function sum(a: number, b: number) { return a + b; } Result //js sum(1, "2"); // 결과값 : 12 //ts sum("1", "2"); //number에 할당이 불가능합니다. 위 처럼 numb..

백오피스 마무리하면서.. 이번 백오피스에서 배달 웹사이트를 제작을 해보았습니다. 이번 프로젝트에서는 로그인(유저, 관리자) 기능과, 회원가입(유저, 관리자), 식당 등록, 메뉴 등록, 주문, 리뷰, 등으로 기능이 들어갔습니다. 백오피스를 하면서 좋았던 부분 백오피스를 진행하면서 지금까지 했던 프로젝트와 다르게 코드를 정리하는 것이 얼마나 중요한지에 대해서 알 수 있었습니다. 코드에 양이 많아질수록 관리가 힘들었으며, 작업을 하고 실행을 해보았을 때 오류가 나는 곳을 찾기가 힘들다는 것을 알 수 있었으며, 코드 정리가 되어있었다면 좀 더 수월하게 오류 수정과 기능추가가 가능하다는 것을 알 수 있었습니다. 백오피스 프로젝트를 하면서 팀원들과 소통 및 코드 공유 이번 백오피스 프로젝트를 하면서 팀원들과 소통을..

UI에서 API와 연결해주기 위해서 Ajax를 사용해서 작업을 진행했습니다. 작업을 진행 하면서 Ajax에 대해서 정리를 하고 제대로 한번 알고 가면 좋을 거 같아서 이번장에서는 Ajax에 대해서 알아보도록 하겠습니다. 1. Ajax란? ajax는 자바스크립를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능을 이야기합니다. 1-1 비동기 방식은 무엇일까? ☑︎ 웹페이지를 Reload를 하지 않고, 데이터를 불러오는 방식을 이야기합니다. ☑︎ Ajax는 XMLHttpRequest객체를 통해 서버에 request를 합니다. 1-2 Ajax의 장점 ☑︎ 웹페이지의 속도가 향상됩니다. ☑︎ 서버의 처리가 완료될 때까지 기다리지 않고 처리가 가능합니다. 1-3 Ajax의 단점 ☑︎ 페..

Backoffice 작업상황 Backofiice를 작업을 시작하면서 현재는 API를 구현은 마무리가 되어있는 상황이였다. 하지만 UI를 구성하면서 API를 구현을 할 때는 생각하지 못했던 문제들이 발생을 하였으며, 이 부분들을 더 정리해서 작업을 해야겠다는 생각이 들었다. 현재는 로그인 부분 UI를 시작으로 Main 화면을 구성하고 있으며, User 로그인 Main 화면과 Admin 로그인 Main 화면을 구성을 한 상태이다. Backoffice 작업 중간까지 하면서 느낀점 작업을 진행하는 중간에 느끼는 점은 Team Project라는 것을 할 때 고려해야하는 부분이 많다는 것을 다시한번 느꼈다. 예를 들어 회의를 진행할 때 소통에 살짝 문제가 있었는데 이부분을 생각을 하지 않고 넘어가보니 나중에는 완전..

이번 백오피스 프로젝트에서는 유저 아이디와 관리자 권한 아이디로 로그인을 하는 것을 구현을 해야했다. 이부분에서 나는 로그인 구현을 맡아서 어떻게 관리자 로그인을 구현을 해야할지 고민을 하였다. 고민을 하던 도중 로그인을 하는 것을 2개로 나누는 것이 좋겠다라는 생각을 하게 되었고, 유저 로그인 부분과 관리자 로그인 부분을 나누어서 작업을 시작하였다. 1. Prisma 생성하기 먼저 유저 prisma와 admin Prisma를 생성을 해주었다. model Users { userId Int @id @default(autoincrement()) @map("userId") email String @unique @map("email") password String @map("password") nickname ..

백오피스 프로젝트 Team Introduce ☑︎ 프로젝트명 : 한미원조 ☑︎ 서비스 명 : (음식 배달 서비스) 서비스 이름 x ☑︎ Github : https://github.com/DevThive DevThive - Overview DevThive has 12 repositories available. Follow their code on GitHub. github.com 필수 구현 기능 ● 사용자 인증 회원가입 및 로그인 사용자는 "고객님" , "사장님"으로 계정을 생성하여 로그인 할 수 있어야 합니다. 회원가입 시 이메일 인증을 받아야 합니다. 이 때, "고객님"으로 가입 시 100만 포인트를 지급합니다. 포인트 -> 메뉴 주문시 사용되는 사이버 화폐입니다. "사장님" - 업장 CRUD 기능 "..