And Brain said,

오늘은 Quasar 식 페이지네이션에 대해 알아보자 기본적으로 구조는 이렇다. v-model과 ref를 통해 동적 바인딩을 한다. 사용한 코드는 이렇다. @click 함수를 넣어 저 숫자버튼들을 클릭 시 함수를 호출하며 :max에 렌더링 시에 pageCnt로 최대 페이지 수를 정해주었다. selectReply 함수는 백엔드 API와 axios로 통신한다. 이제 프론트에서 0과 20 , 20과 40 , 40과 60 ... 이렇게 백으로 넘겨주니 백쪽에서 이걸 가지고 로우넘으로 쿼리를 자르든 뭘하든 원하는 방법으로 통신하면 된다. 페이지네이션 참 쉽지 않은가? Thanks for watching, Have a nice day.

Agile 방법론 개요 Agile 방법론이란? Agile의 뜻 기민한, 즉 최적의 결과를 빠르고 낭비 없이 개발할 수 있도록 하는 다양한 방법론을 통칭한다. 앞으로 주요 방법론 몇가지를 소개할 것이다. 그전에 12가지 애자일 원칙에 대해서 알아보자. 원칙 1 초기단계부터 지속적으로 고객을 만족시켜라 원칙 2 요구사항 변경을 적극 수용하라 원칙 3 배포 간격을 줄여라 원칙 4 사업부와 개발부가 협업하라 원칙 5 동기부여된 팀원들과 함께하라, 그리고 그들에게 적절한 환경과 지원을 제공하라 원칙 6 가장 효율적인 정보 전달 방식은 대면대화다 원칙 7 작동하는 소프트웨어가 진척의 주요 척도다 원칙 8 지속 가능한 개발 속도를 유지하라 원칙 9 좋은 기술과 설계에 지속적인 관심을 가져라 원칙 10 간단명료함은 필..

이번 시간은 간략하게 MSA에 대해 알아보자. 다음 시간은 기본적인 구조를 파악할 것이다. MSA란? MSA의 명확한 정의는 사실 없지만, 비즈니스 기능, 배포자동화, 엔드포인트의 인텔리전스, 언어 및 데이터의 분산 제어를 중심으로 공통 특성을 가진 구조를 주로 MSA라 얘기한다. 간단히 말해서, MSA는 각각 자체 프로세스에서 실행되고 종종 HTTP 리소스 API인 경량 메커니즘과 통신하는 소규모 서비스 모음으로 단일 애플리케이션을 개발하는 방식이다. 각각의 서비스는 비즈니스 기능을 중심으로 구축되며 완전히 자동화된 배포 기계를 통해 독립적으로 배포할 수 있다. 다른 프로그래밍 언어로 작성되고 다른 데이터 저장 기술을 사용할 수 있으며 이러한 서비스들에 대한 최소한의 중앙 집중식 관리가 있다. 어떤 서..

Node.js는 역사가 굉장히 짧은 편임에도 개발자들의 눈길을 끌었고 자신의 존재감을 키웠다. 어떻게 Node.js는 단기간에 효과적으로 개발자들을 매료시켰을까? Node.js가 각광받은 이유가 한 가지만은 아니지만, 그 중심에는 분명 비동기(asynchronous)와 Non-blocking이 있다. 그래서 오늘은 이 둘에 대해 살펴보자. 일단, 비동기(async)와 Non-blocking은 같은 개념이 아니다. 동기라고 무조건 Blocking이 아니며 비동기라 할지라도 Non-blocking이 아닐 수 있다. 각각의 개념에 대해 요약해보자면 블로킹 Blocking A 함수가 B 함수를 호출할 때, B 함수가 자신의 작업이 종료되기 전까지 A 함수에게 제어권을 돌려주지 않는 것 논블로킹 Non-block..

이번 시간은 SPA(Single Page Application)와 SSR(Server Side Rendering)에 대해 알아보자. 일단, SSR 부터 살펴보자. SSR이란 Server Side Rendering의 약어이다. 웹의 시작과 함께 존재해왔으며 대표적으로 JSP / Servlet이 이 방식이다. JSP / Servlet을 사용해봤다면 쉽게 이해할 것이다. 사용자의 요청이 들어오면 서버에서는 필요한 데이터를 DB에서 가져와 데이터를 삽입하여 완성된 HTML을 브라우저로 때려준다. 이렇게 요청마다 다른 페이지를 보여주는 방식을 MPA(Multiple Page Application)라고 한다. 완성된 페이지를 보여준다는 장점이 있지만 그렇기 때문에 서버사이드에서 렌더링이 늦어지면 그만큼 페이지를 리..