마이크로 프론트엔드 아키텍처 소개 별도로 개발 및 배포 가능한 여러 작은 웹 애플리케이션을 조합하여 하나의 웹 애플리케이션을 만드는 개발방법론. 마이크로프론트엔드는 한 팀이 하나의 유닛으로 독립적으로 개발하고, 시험하고, 배포할 수 있는 프론트엔드의 조각이다. 그러나 우리는 이 조각들을 함께 붙여서 단일한 웹 애플리케이션으로 사용자에게 보여주는 것...

마이크로 프론트앤드는 마이크로 서비스처럼 전체 화면을 작동할 수 있는 단위로 나누어 개발한 후 서로 조립하는 방식이다. 여기서 작동 단위에 사용된 프론트앤드 프레임워크로 Angular 이든, React 또는 Vue 또는 Vanilla 자바스크립트에 상관하지 않고 조합 가능한 방법을 제공한다. 마이크로 프론트앤드 기반 독립된 팀별 애플리케이션 개발 ...

https://velog.io/@youthfulhps/React-React를-사용하는-이유 > https://okayoon.tistory.com/entry/프레임워크와-라이브러리React는-뭐야 https://m.blog.naver.com/magnking/220972680805 https://velog.io/@mollog/React에서...

data-model` 사용 이유가 있나요? 그렇다면 DTO와의 차이는 무엇인가요? 해당 모델을 사용한 목적과 도입한 결과에 대해서도 설명해주세요. https://emewjin.github.io/model/ > https://yozm.wishket.com/magazine/detail/1663/ > https://velog.io/@jjunyjj...

왜 React Native를 도입해야 하는가 ? 🧐 1. 앱개발은 처음이라.. ✨ React Native는 React 문법을 통해 앱 개발을 할수있는 프레임워크이다. React와 매우 유사하므로 React를 통한 웹 개발 경험이 있는 나에게 앱개발의 진입장벽을 낮춰주었달까? 쉽게 React Native를 익힐 수 있다. 그리고 Emulator를 이용하...

사용자의 지역 다국어 지원을 위해 유저가 어떤 locale의 유저인지 알 수 있어야한다. 클라이언트 - window.navigator 유저가 브라우저를 사용하고 있는 환경이라면 Web API 이용 가능. navigator.language는 유저가 사용중인 브라우저UI 언어를 저장하고 있음. 이는 브라우저가 직접 세팅함. ...

Classes 클래스는 객체를 생성하기 위한 템플릿이다. 클래스는* 데이터와 이를 조작하는 코드를 하나로 추상화*한다. 자바스크립트에서 클래스는 프로토타입을 이용해서 만들어졌지만 ES5의 클래스 의미와는 다른 문법과 의미를 가집니다. Class 정의 Class는 사실 “특별한 함수”이다. 함수를 함수 표현식과 함수 선언으로 정의할 수 있듯이 ...

반복문을 왜 써야할까? 만약에 어떤 변수에 1부터 10까지 더한다고 생각해보자. 반복문이 없다면 우리는 변수에 계속해서 숫자를 더하는 코드를 10줄 써야할 것이다. 100까지 더하면 100줄, 1000까지 더하면 1000줄로 늘어나는 노가다의 현장.. Loops and iteration(루프와 반복) 루프는 어떤 것을 반복적으로 시행...

프로그래밍 패러다임(programming paradaim) 개념 : 프로그래밍 패러다임에는 함수형, 논리형, 절차형, 객체지향형이 있다. 이들은 선언형과 명령형으로 분류할 수 있다. 이 중 선언형 프로그래밍(Declarative Programming)은 ‘무엇을 할 것인가’와 가깝고, 명령형 프로그래밍(Imperative programming)...

들어가며 앞서 클린아키텍처에서 살펴보았듯이 설계적 관점에서의 좋은 코드는 확장과 수정에 용이하며, 설계 이후에도 추가적인 유지 보수에 적은 비용이 들어가는 코드를 말한다. 이를 실현하기 위해 추구해야 할 설계 방향은 다음과 같다. “ 객체 간 응집도는 높이고, 결합도는 낮게. 요구 사항 변경 시, 코드 변경을 최소화 하는 방향으로.” 의존성을...