CQRS 패턴을 Redux 와 비교
CQRS 패턴을 Redux 와 비교CQRS 패턴과 Redux 패턴의 플로우를 비교해 보면 크게 다르지 않다라는걸 알 수 있다. CQRS Redux 커맨드 모델:Mutation(변이) 위한 Request (동작을 수행하고 상태 변경을 일으킴) 리덕스에서는 액션 디스패치 개념과 동일 (액션을 디스패치 하게 되다면 새로운 커맨드를 서브밋 하게
카테고리: Web
Frontend MVC 패턴
프론트엔드에서 MVC 패턴을 사용 안하는 이유프론트엔드에서 MVC 패턴을 대체하는 패턴들과 등장 배경 이유를 알아보자. 백엔드에서의 수행 절차 client 의 request 를 받는다. (브라우저 or 앱) request 를 분석한다. (라우팅) 필요한 데이터를 수집 / 가공 한다. (데이터 베이스 조회) 뷰를 생성하고 response 한다.
도메인 로직 이해
비즈니스 로직/도메인 로직 이해개발 아키텍처에서 말하는 비즈니스 로직/도메인 로직 이해를 하려면 도메인 로직인지 아닌지 판단 기준을 "이 코드가 현실문제에 대한 의사 결정을 하고 있는가?" 로 접근하면 개념을 이해하기가 쉬울 것이다. 개발하면서 자주 듣는 말… “비지니스 로직을 분리하세요.”“도메인 로직은 다른 계층에
Descktop Web IE 브라우저 background-attachment fixed 버그 이슈
IE 브라우저 background-attachment:fixed 버그 이슈background-attachment:fixed 속성 사용시 IE 브라우저에서 버그가 발생한다. edge에서 배경이 사라지는 현상 이였고, IE11(확인한 브라우저가 IE11이였지만 하위버전에서도 발생)에서 화면이동시(마우스 휠 또는 키보드 사용시) 버벅임? 또는 화면떨림이 발생하는
Descktop Web Input number 타입의 속성 maxlength 사용
입력창 number 타입의 속성 maxlength 글자수 제한 설정input 엘리먼트에는 기본적으로 maxlength 속성이 존재하는데, 이는 value 속성의 값을 maxlength 속성 값 이하로 최대 글자 수를 제한하는 기능 이다. 1<input type="text" name="inputBox" maxlengt
Mobile Web iPhone Hover Click
iPhone Safari 에서 클릭을 두 번 해야만 동작 이슈먼저 자세한 증상 및 원인과 해결방법은 아래와 같다. 증상 : 클릭시 첫번째 클릭은 동작안함(두번째부터 동작함)원인 : css의 허위클래스 :hover 선언시 문제발생으로 마우스 오버시 클릭하면 이벤트가 동작안함디바이스 : 아이폰 safari 브라우저 왜 두 번 클릭해야 하는 현상이 생기는 것인가
Mobile Wep iScroll Dynamically Loading 이슈
iScroll 플러그인 사용시 동적 로드 시 이슈iScroll은 모바일용 웹페이지 개발 시 내부 스크롤바 기능을 가능하게 해주는 자바스크립트 플러그인 이다. iScroll 사용시 아이폰,안드로이드 모두 정상동작하나, 동적일때가 문제가 있다.예를들어 검색버튼을 눌렀을때 스크롤될 리스트들이 호출되거나 동적으로 페이지 불러올때 페이지 양이 많아서 불러오느라 시
Mobile Web Debbuging
모바일 웹 디버깅처음 모바일 웹 개발을 시작하는 사람이 느끼는 가장 큰 어려움은 아마도 모바일 웹어서 디버깅하는 것일 것이다. 모바일 기기는 데스크톱에 디해 화면도 작고 입력장치도 불편해 실제로 개발하고 디버딩하는 데 많은 어려움이 있다. 특히, 데스크톱에서 지원하는 디버깅 도구에 익숙한 개발자라면 답답한 정도가 더할 것이다. 모바일 웹 개발자 도구 개발이
Mobile Web의 특징
많은 브라우저 환경초창기 웹에서는 표준이 거의 존재하지 않았다. 물론 W3C에 의해 1994년 10월부터 웹 표준이 개발되고 있었지만 당시에는 각 개발사가 브라우저를 임의로 만들고 있었다. 그래서 인터넷 익스플로러에 맞게 개발한 웹 페이지가 파이어폭스나 오페라에서 정상적으로 동작하지 않는 일이 비일비재했다. 이떄 플랫폼은 단일 플랫폼인 웹이지만 개발자는 서
Mobile Web App 개발
모바일 웹과 모바일 앱‘모바일’은 ‘이동하는’ 또는 ‘움직임이 자유로운’ 이라는 뜻으로, 사무실이나 집에서만 사용할 수 있는 기기와 달리 이동하면서 사용할 수 있는 스마트폰, 태블릿 PC 등을 말한다.모바일 웹은 이러한 모바일 범주에 속하는 기기에 최적화된 웹을 말한다. 모바일 앱도 모바일 범주에 속하는 기기에 최적화된 앱을 말한다. 여기서 앱은 운영체제