분류 전체보기
-
객체지향 원리카테고리 없음 2022. 8. 22. 19:57
추상화 사람의 속성이나 행동을 생각해보자. 사람이라고 판단할 수 있는 속성이나 사람이 할 수 있는 행동은 너무 많으므로 사람의 모든 속성과 행동을 기술할 수는 없을 것이다. 또한 사람이라고 판단되는 속성이나 행동은 필요에 따라 선별해서 사용할 수 있다. 추상화란 어떤 영역에서 필요로 하는 속성이나 행동을 추출하는 작업을 의미한다. 추상화는 사물들의 공통된 특징, 즉 추상적 특징을 파악해 인식의 대상으로 삼는 행위다. 추상화가 가능한 개체들은 개체가 소유한 특성의 이름으로 하나의 집합(class)을 이룬다. 만약 추상화가 없다면 우리는 각각의 개체를 구분해야 할 것이다. 가령 자동차 종류마다 엔진 오일을 교환하는 방식이 다르다고 하자. switch(자동차 종류) { case: 아우디: break; // 아..
-
객체지향 모델링디자인 패턴 2022. 8. 8. 19:39
1.1 모델링 모델의 역할 소프트웨어 모델을 통해 서로의 해석을 공유해 합의를 이루거나 해석의 타당성을 검토할 수 있다. 현재 소프트웨어 시스템 또는 앞으로 개발할 소프트웨어의 원하는 모습을 가시화한다. 시스템의 구조와 행위를 명세할 수 있으며 시스템을 구축하는 틀과 구축된 소프트웨어의 문서화 기능을 제공한다. 모델의 추상화 모델을 추상화(abstraction) 에 바탕을 두고 만들어져야 한다. 즉, 대상을 표현할 때 대상의 상세한 면을 그대로 다 표현하지 않고 특정 관점에서 관련이 있는 점은 부각시키고 관련이 없는 면은 무시한다. 1.2 UML 모델링을 하려면 시스템을 모델로 표현해주는 언어가 필요한데 대표적인 모델링 언어로 UML(Unified Modeling Language) 이 있다. UML 다이..
-
React Query카테고리 없음 2022. 7. 11. 19:33
Introduction What? A library for fetching data in a React application Why? Since React is a UI library, there is no specific pattern for data fetching useEffect hook for data fetching and useState hook to maintain component state like loading, error or resulting data If the data is needed throughouut the app, we tend to use state management libraries Most of the state management libraries are go..
-
Next.js 정리Next.js 2022. 7. 3. 23:58
Next.js App 설치 및 실행 Create Next.js App npx create-next-app Start Next.js App npm run dev 페이지간 이동하기 Page란? Next.js에서의 Page는 pages 폴더의 한 파일에서 export default 된 React 컴포넌트를 말합니다. export default function HomePage() { return Home Page; }; 라우트 구성하기 pages 폴더 안에 있는 파일들의 이름이 페이지의 라우트가 됩니다. 예를 들어, pages/index.js 는 / 라우트가 됩니다. 만약 /customer 라는 라우트를 만들고 싶으면 다음과 같이 두 가지 방법 중 하나를 선택해서 만들면 됩니다. pages/customer.js..