계층을 나누는 목적 로버트마틴이 추구한 아키텍쳐의 큰 두 가지의 가치는 다음과 같다. 첫 째, 같은 목표를 가진다. 둘 째, 소프트웨어를 계층(layer)로 나눠서 관심사를 분리한다. 아키텍쳐는 선을 긋는 기술이며, 이 선을 경계(boundary)라고 부른다. 경계를 이렇게 쓰는 이유는 핵심적인 비즈니스 로직을 외부요인이 오염시키지 못하게 만들려는...

Clean Architecture 1. 기본 개념 (1) Architecture? 여러가지 컴퓨터 구성요소들에 대한 전반적인 기계적 구조를 설계하는 방법. (2) Software Architecture? 시스템을 쉽게 이해하고,개발하고,유지보수하고,배포할 수 있게 하고 프로그래머의 생산성을 최대화시키는 설계 방법을 의미한다. (...

Care of Legend Github Repository : Front-end Care of Legend Github Repository : Back-end 프로젝트 소개 구독 커머스(서브스크립션 커머스: Subscription Commerce), 신문을 구독하듯 한 번의 구매로 특정 상품을 정기적으로 받아볼 수 있는 서비스를 일컫는 말이다. ...

문제점 내가 맡은 상품상세페이지의 길이가 너무 길다. 한 번에 이동하고싶다. 또한 페이지 이동시 스크롤을 상단에 위치하고 싶다. 해결방안: scrollTo() 1. Syntax window.scrollTo(xpos, ypos) window.scrollTo ({top:으로부터 몇px, behavior: 'auto'}); //위 경우 css적 요...

Market Chokurly Github Repository: Front-end > Market Chokurly Github Repository: Back-end 프로젝트 소개 ” 마켓컬리는 신선 및 친환경과 뗄 수 없는 관계이다. 마켓컬리라는 이름 뜻은 ‘식문화의’라는 뜻의 영단어 ‘culinary·컬리너리’에서 시작되었다.” (자료출...

백엔드로부터 데이터를 받아오기위해 꼭 거쳐야하는 ,, 목데이터를 퍼블릭으로 부터 받아오기 위한 필수관문,,,, 이번 포스트에서는 원격 API를 간편하게 호출할 수 있도록 브라우저에서 제공하는 fetch() 함수에 대해서 살펴보겠다. 1. fetch API Fetch에는 일반적인 오브젝트로로 Request 와 Response 가 포함되어 있다. 이...

만약 프로토타입글을 보지 않았다면 보고온뒤 객체로 올것. 이유는 읽다보면 알게될지도,, 1. 의의 JavaScript는 객체기반의 스크립트 언어이며 JavaScript를 이루고 있는 거의 모든 것은 객체이다. 객체란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로, 자바스크립트의 객체는 키(key)과 값(value)으로 구...

컴포넌트가 브라우저에서 나타날때, 사라질때, 그리고 업데이트 될 때, 호출되는 API 이다. ‘컴포넌트 초기 생성-업데이트-제거’ 순서대로 살펴보겠다. 1. 컴포넌트 초기생성 컴포넌트가 브라우저에 나타나기 전, 후에 호출되는 API 들 1-1 constructor constructor(props) { super(props); // ...

분명 margin-top(또는 margin-bottom)을 먹였는데… 왜죠 왜 사라지는거죠;; ‘마진 상쇄(Margin collapsing)’가 일어나는 원인을 알아보고 아래 사진처럼 대참사가 일어나지 않게하는 방법을 찾아보자. 1. Margin collapsing 의의 1-1 개념 마진이 겹치게 되면 상쇄가 일어나는 현상. 즉,흔히 마진 ...

(position: fixed를 설정한)A레이아웃 아래를 지나가야할 (position: relative를 설정한) B레이아웃이 아무렇지 않게 위를 지나갈때의 그 당황스러움이란,,, 1. Containing Block(CB) 1-1 의미 특정한 가상의 영역을 가리키는데, 이는 어떤 엘리먼트의 ‘자식 엘리먼트들이 위치나 크기 등을 결정지을 때 기준...