개발일지📝

목차    헥사고날 아키텍처 개념 헥사고날 아키텍처(Hexagonal Architecture)= 포트와 어댑터 아키텍처(Ports and Adapters Architecture)= 육각형 아키텍쳐  📌 비지니스 모델(도메인)을 외부와 격리시켜 유연+테스트하기 쉬운 구조를 만드는 것비지니스 코드를 기술 코드와 분리시킨다. (또한 기술코드도 이에 맞게 변경 할 수 있어야함) 비지니스 모델은 중앙의 도메인 영역, 입력과 출력을 처리하는 포트 , 어댑터를 통해 외부와 소통함    수직적 계층화와 기능 기판 패키지 아키텍처의  장점을 동시에 가질 수 있다 !계층기반 패키징 (MVC 아키텍쳐) + 기능기반 패키징(도메인, 역할끼리 패키징)  = ⭐ 구조 ,용어 폴더구조adapter, apllication ,dom..

목차   TDD 개념Test-Driven Development (테스트 주도 개발) 의 약자개발 방식 중 하나임  📌기존의 개발 :요구사항 분석 -> 설계 -> 개발 -> 테스트 -> 배포(재설계로 인 한  => 유지보수 어려움 ㅜㅜ) 📌 TDD :목적 정의 -> (일단) 실패 테스트 작성 -> 테스트를 통과하는 최소한의 코드 작성 -> 코드 리팩토링 (반복)-> 개발 ->  배포  TDD 툴 JUnit : java 에서 널리 사용되는 단위 테스트 프레임워크 (이외에도 xUnit 이라고 다른 언어들도 있음) Mockito : Mocking(모의) 하여 테스트할 수 있게하는 프레임워크     red-green-refactoring cycle   TDD 장단점장점- 개발생산성, 구현 등등 효율적임 단점-..

목차    라이브러리(Library) 주도권이 개발자 (필요할 때 호출) 코드 모음임코드, 모듈, 패키지 형태로 제공됨개발자가 코드 흐름 제어 가능  📌 JavaScript jQuery자바스크립트 DOM 조작 라이브러리, Ajax 요청브라우저 호환성 개선Lodash자바스크립트  배열, 객체 유틸리티 라이브러리데이터 조작 최적화Moment.js / Day.js자바스크립트 날짜 라이브러리날짜 포맷 변환Axios자바스크립트 HTTP 클라이언트 라이브러리REST API 호출   프레임워크(Framework) 주도권이 프레임워크 (개발자가 종속됨, 규칙구조를 따름)  📌 백엔드SpringJava대규모 시스템, 객체 지향기업 시스템, 웹 애플리케이션DjangoPython빠른 개발, 보안 강함데이터 분석, 스타트..

HTTP 상태 코드 정리1xx (정보 응답)100 Continue: 요청을 계속 진행해도 됨.101 Switching Protocols: 프로토콜 변경 요청 승인.102 Processing: 요청이 처리 중 (WebDAV).103 Early Hints: 본문 전송 전에 미리 헤더 제공. 2xx (성공 응답)200 OK: 정상 응답.201 Created: 새로운 리소스 생성 완료.202 Accepted: 요청이 접수되었으나 처리 미완료 or 시작되지 않았을 수 있음203 Non-Authoritative Information: 신뢰할 수 없는 출처에서 정보 제공.204 No Content: 본문 없이 성공 응답.205 Reset Content: 클라이언트가 뷰를 초기화해야 함.206 Partial Conte..

목차    이번에 프로젝트를 진행하면서 MSA 방식을 도입해보기로 했었다. 그래서 MSA 에 대한 공부도 하고 어렵게 프로젝트 세팅까지 했지만.. 진행하려던 프로젝트가 MSA 를 사용할 만한 프로젝트도 아닐 뿐더러, 비효율적인 부분이 많아서 (서버를 여러개 켜야함) 결국 MSA 방식은 포기하게되었다. ㅜㅜ 그래서 이론이라도 끄적끄적 해 볼 예정..  대표 개념 API Gateway : Spring Cloud Gateway 와 Webflux 로 구현Service Discovery : Netflix Eureka 사용으로 구현Config Server : Spring Cloud Config 사용으로 구현  MSA란?MSA(Microservices Architecture, 마이크로서비스 아키텍처)는애플리케이션을 ..

목차   WebSocket 을 써보자 프로젝트에서 실시간 위치정보를 공유하는 기능을 개발하기로 했다. ✅ 웹소켓에 접속하면 접속한 유저 리스트를 가져온다.✅ 사용자 위치가 변경될때마다 소켓으로 위치정보를 보내면, 다른 사용자에게는 해당 사용자의 위치정보를 볼 수 있다.✅ 이때, 소켓으로 userId 를 보내면 자동으로 사용자 데이터를 불러오고 받아온 위치(위도,경도)도 함께 포함해서 다른 소켓 유저들에게 보낸다.   실시간 위치정보를 구현하기 위해서는 계속해서 위치데이터를 보내는 과정이 필요한데...이걸 HTTP 로 구현 하기에는 매우 힘들다. HTTP 의 특징 때문인데, 단방향통신인 점 (요청을 해야만 응답을 보낼 수 있음)요청을 할때마다 새롭게 연결해야하는 등 많은 단점이 있다. 양방향 통신을 구현하..

HTTP클라이언트가 요청(Request) → 서버가 응답(Response)응답 후 연결이 닫힘 (Stateless)새로운 요청마다 다시 연결 필요주로 단방향 통신 (클라이언트 → 서버)데이터를 헤더에 포함시켜서 전달함 폴링(Polling)클라이언트가 일정 주기로 서버에 요청하여 데이터 갱신을 확인하는 방식장점: 기존 HTTP 방식에서 쉽게 구현 가능단점: 응답이 없더라도 계속 요청을 보내므로 네트워크 낭비 발생, 리소스 낭비가 매우 심함, 실시간성이 낮다.* 네트워크 오버헤드 : 실제 데이터 이외의 메타데이터 들의 불필요한 네트워크 부하 WebSocket한 번 연결하면 종료 전까지 유지 ( Persistent  Connection)양방향 통신 가능 프로토콜 (클라이언트 ↔ 서버)지연 시간이 짧음 (빠른 ..

목차        위와 같이 리액트 캘린더를 이용해서 날짜를 받아오고 시간을 받아 올 수 있다.특정 날짜는 비활성화 시킬 수 있는 기능도 있다.(우리 같은 경우에는 예약이 꽉차거나, 휴무일이거나 , 지금으로부터 3개월 내 이외의 값은 disabled 된다.)    1) 리액트 캘린더 설치 (install) npm install react-calendar   2) 리액트 캘린더 사용 (import) import Calendar from 'react-calendar'; import "./Calendar.css";  `react-calendar` 와 `css` import 시켜주기     3) 날짜 가져오기 (Date seleted)  moment(date).format('D')} f..

목차  1) 페이지 구상  1. 상품별 ->  날짜별 ->  시간별 ->  예약 건수(Slot)를 제한하고 싶었다. (마치 네이버 예약처럼!)(보통 주문제작 케이크, 꽃집은 방문 날짜와 시간도 미리 정하게 되는데, 이 부분을 관리할 수 있게 하고싶었다.)다른 예약 플랫폼이 내부적으로 어떻게 관리되는지 세부적인 로직은 모르겠지만,이 경우 날짜, 시간 전부 관리할 수 있어야하기때문에 날짜 + 시간 데이터별 슬롯들을 전부 관리해야했다. 그리고 가게 휴무일이 바뀌다던가 (지정휴무와 고정휴무 두가지 방식을 구현헀다.)다양한 요소들도 슬롯에 영향을 줬기 때문에 데이터 수정이나 이래저래 너무 규모가 커져서 결국 방식을 변경했다.2. (확정) 날짜별로 받을 예약 건수를 지정하자. ⭐대신 시간대는 지정할 수 없다.. →..

목차    해당 프로젝트는 주문제작 소상공인들을 위한 주문 플랫폼 프로젝트입니다.프로젝트에 대한 자세한 내용은 깃허브를 참고해주세요 :)https://github.com/hyejux/Neez\ GitHub - hyejux/Neez: 예약 이젠 더 편리하게, 관리도 손쉽게 NEEZ 에서 경험해보세요! 「주문 제작 예예약 이젠 더 편리하게, 관리도 손쉽게 NEEZ 에서 경험해보세요! 「주문 제작 예약 서비스 "NEEZ "」 - hyejux/Neezgithub.com   [1탄]https://hyejux.tistory.com/828 [프로젝트/Spring Boot/Reactjs] 주문 시스템 구현 (카테고리 부분)목차     해당 프로젝트는 주문제작 소상공인들을 위한 주문 플랫폼 프로젝트입니다.프로젝트에 대한..