코딩배우는고양이

MSA(Micro Service Architecture) 란? 모놀리식 아키텍처는 하나의 어플리케이션에 모든 비즈니스 로직이 구현되어 있는 거대한 서비스 덩어리라면, 마이크로서비스 아키텍처는 작고 독립적인 어플리케이션들의 집합으로 구현되어 있는 구조입니다. 모놀리식 아키텍처로 구현된 서비스가 점점 거대해지고 서비스 요구 사항이 다양하고 복잡해지면서 하나의 거대한 서비스를 적절하게 쪼개고 분산시켜 마이크로서비스 아키텍처로 나아가는 사례가 많이 있습니다. 제가 이번에 하게 된 프로젝트 역시 거대한 레거시 프로젝트를 MSA 아키텍처로 바꿔야 하는데요. 프로젝트에 대한 이해도를 높이고자 모놀리식 아키텍처에 비해 MSA가 갖는 특징은 무엇이며, 모놀리식으로 구현된 아키텍처를 적절하게 쪼개는 것이 무엇을 의미하는지..

OSI 7 계층이 뭐에요? OSI 7 Layers는 국제표준화기구(ISO)가 정의한 네트워크 통신의 과정을 7단계로 분류한 표준 모델입니다. 수많은 네트워크 통신 기기들이 상호 호환되기 위해서는 하나의 규격이 필요했고, 또한 네트워크의 전 과정을 한 눈에 알아볼 수 있게 하면서 각 단계를 독립적으로 유지하면 어느 한 부분에서 생긴 오류가 네트워크 전 과정에 확산되는 것을 막을 수 있고 문제를 찾아서 고치는 것도 훨씬 수월하겠죠! 이 과정들을 이해하고 있으면 개발 과정에서 겪는 수많은 에러들의 원인을 찾아내기도 쉬워질 것입니다. OSI 7 계층은 대부분 눈에 보이지 않는 네트워크의 과정이라 이해하기 어려워서 처음엔 무작정 외우려고만 했었는데 이번 기회에 정리를 해보면서 대략적인 과정을 이해해볼까 합니다! ..

개념 프로그램은 어떤 파일이 실행되기 전 상태, 다시 말하면 코드 모음입니다. 이것을 개발자의 언어로 이야기하면 코드가 파일로 빌드되어 보조 기억 장치에 저장되어 있는 정적인 상태 라고 할 수 있습니다. 그리고 프로세스는 프로그램이 실행되고 있는 상태를 의미합니다. 프로그램이 메모리에 올라와서 CPU가 코드를 해석하는 과정인 것이죠! CPU는 한 번에 하나의 프로그램만 실행할 수가 있습니다. 그런데 작업관리자를 확인해보면 동시에 여러개의 프로그램이 실행되고 있는 것처럼 보이네요! 이것은 어떻게 설명할 수 있을까요?? 여러개의 프로그램을 동시에 실행하는 방법 병렬 처리 병렬 처리는 2개 이상의 코어가 각기 다른 프로세스를 같은 순간에 실행하는 방법입니다. 듀얼코어, 쿼드코어가 여기서 나오는 개념인 거죠! ..

프로젝트 소개 프로젝트명: TO-DO-IT 리액트와 스프링부트를 연동한 투두리스트 어플리케이션 기술 스택 주요 기능 투두리스트 CRUD 완료시 목록의 하단으로 이동, 완료 날짜 출력 목표 달성도 실시간 반영 히스토리 날짜별로 완료한 투두리스트 확인 데이터베이스 연동 주요 코드 내용 오늘의 투두리스트 const [todos, setTodos] = useState([]); const [complete, setComplete] = useState(true); // axios 호출 성공시 true const [attain, setAttain] = useState(0); // 달성한 todo 개수 const [checked, setChecked] = useState(false); const day = dayjs(..

UI/UX란? UI (User Interface) 디자인 사용자가 서비스를 사용할 때 마주하는 디자인 눈에 보이는 디자인적 요소! ex) 폰트, 컬러, 간격, 레이아웃, 애니메이션 등 UX (User Experience) 경험 서비스를 사용하는 사용자가 겪는 다양한 경험(감정) 목적 사용자가 편리하도록 UI를 디자인해서 더 나은 사용자 경험을 제공하기 위함 UI 디자인을 통해 만들어진 서비스를 사용하면서 느끼는 감정, 경험을 UX라고 할 수 있다! 하인즈 케첩 예시 유리병(UI) 으로 만들어져있었던 때에 아래에 남아있는 케첩을 사용하기 어려움(불편한 UX) 플라스틱으로 바꾸어서(UI 개선) 남아있는 케첩을 사용하기 편하게 됨(UX 개선) UI/UX 의 심리학 법칙 제이콥의 법칙 사용자는 새로운 경험을 이..