(core) Introduce book_quote helper

kodingwarrior · Jun 8, 2024 · d7fb99d · d7fb99d
1 parent 96cc5f2
commit d7fb99d
Show file tree

Hide file tree

Showing 6 changed files with 67 additions and 52 deletions.
diff --git a/frontend/styles/index.css b/frontend/styles/index.css
@@ -259,3 +259,15 @@ kbd {
 .wiki-navbar {
   @apply list-none flex justify-center items-center gap-x-8 m-0;
 }
+
+.book-quote-wrapper {
+  @apply relative grid grid-cols-1 mb-4 mt-14;
+}
+
+.book-quote-wrapper .book-quote-label {
+  @apply absolute z-50 -top-6 font-black rounded-md bg-amber-400 px-2 py-1;
+}
+
+.book-quote-wrapper blockquote.book-quote {
+  @apply relative bg-amber-100 py-6 border-l-4 border-amber-300 z-10 tracking-tight italic mx-4 rounded-md;
+}
diff --git a/plugins/builders/helpers.rb b/plugins/builders/helpers.rb
@@ -7,6 +7,19 @@ def build
         </pre>
       HTML
     end
+
+    helper :book_quote do |&block|
+      <<~HTML.html_safe
+        <div class="book-quote-wrapper">
+          <div class="book-quote-label">
+            Note
+          </div>
+          <blockquote class="book-quote">
+            #{helpers.view.capture(&block)}
+          </blockquote>
+        </div>
+      HTML
+    end
   end
 end
 
diff --git a/src/_wiki/Aggregate.md b/src/_wiki/Aggregate.md
@@ -8,14 +8,10 @@ layout: wiki
 
 ### DDD - Eric Evans
 
+<%= book_quote do %>
+"데이터베이스의 질의를 이용하면 aggregate의 root만 직접적으로 획득할 수 있어야 한다. 다른 객체는 모두 aggregate를 탐색해서 발견해야 한다." - p133
+<% end %>
 
-
-> "데이터베이스의 질의를 이용하면 aggregate의 root만 직접적으로 획득할 수 있어야 한다. 다른 객체는 모두 aggregate를 탐색해서 발견해야 한다." - p133
-
-<br/>
-
-
-
-> "Aggregate는 생명주기의 전 단계에서 불변식이 유지돼야 할 범위를 표시해준다." - p139
-
-<br/>
+<%= book_quote do %>
+"Aggregate는 생명주기의 전 단계에서 불변식이 유지돼야 할 범위를 표시해준다." - p139
+<% end %>
diff --git a/src/_wiki/Factory.md b/src/_wiki/Factory.md
@@ -9,38 +9,30 @@ layout: wiki
 
 ### DDD - Eric Evans
 
-> "어떤 객체나 전체 Aggregate를 생성하는 일이 복잡해지거나 내부 구조를 너무 많이 드러내는 경우 Factory가 캡슐화를 제공해준다." - p140
+<%= book_quote do %>
+"어떤 객체나 전체 Aggregate를 생성하는 일이 복잡해지거나 내부 구조를 너무 많이 드러내는 경우 Factory가 캡슐화를 제공해준다." - p140
+<% end %>
 
-<br/>
+<%= book_quote do %>
+"Factory는 복잡한 객체나 Aggregate를 생성하는데 필요한 지식을 캡슐화 한다." - p142
+<% end %>
 
-> "Factory는 복잡한 객체나 Aggregate를 생성하는데 필요한 지식을 캡슐화 한다." - p142
+<%= book_quote do %>
+"자신의 책임이 다른 객체를 생성하는 것인 프로그램인 요소를 Factory라 한다." - p142
+<% end %>
 
+<%= book_quote do %>
+"Standalone Factory는 전체 Aggregate를 생설해서 루트에 대한 참조를 건네주며, 생성된 Aggregate의 불변식이 지켜지도록 보장해준다." - p145
+<% end %>
 
-<br/>
+<%= book_quote do %>
+"Aggregate와 같이 복잡한 조립과정을 거쳐 만들어지는 것을 생성하려면 Factory가 필요하다." - p146
+<% end %>
 
+<%= book_quote do %>
+"Factory의 책임은 그것이 만들어내는 객체나 Aggregate의 불변식이 충족되도록 보장하는 것이다." - p148
+<% end %>
 
-> "자신의 책임이 다른 객체를 생성하는 것인 프로그램인 요소를 Factory라 한다." - p142
-
-<br/>
-
-
-
-> "Standalone Factory는 전체 Aggregate를 생설해서 루트에 대한 참조를 건네주며, 생성된 Aggregate의 불변식이 지켜지도록 보장해준다." - p145
-
-
-<br/>
-
-
-> "Aggregate와 같이 복잡한 조립과정을 거쳐 만들어지는 것을 생성하려면 Factory가 필요하다." - p146
-
-<br/>
-
-
-
-> "Factory의 책임은 그것이 만들어내는 객체나 Aggregate의 불변식이 충족되도록 보장하는 것이다." - p148
-
-
-<br/>
-
-
-> "Factory는 객체의 생성과 재구성이라는 lifetime transition을 캡슐화한다." - p151
+<%= book_quote do %>
+"Factory는 객체의 생성과 재구성이라는 lifetime transition을 캡슐화한다." - p151
+<% end %>
diff --git a/src/_wiki/Repository.md b/src/_wiki/Repository.md
@@ -8,4 +8,6 @@ layout: wiki
 
 ### DDD - Eric Evans
 
-> "Repository 패턴은 데이터를 조회하는 것과 같은 해법을 캡슐화해서 우리를 다시 모델에 집중하게 해주는 단순한 개념적 틀에 해당한다." - p156
+<%= book_quote do %>
+"Repository 패턴은 데이터를 조회하는 것과 같은 해법을 캡슐화해서 우리를 다시 모델에 집중하게 해주는 단순한 개념적 틀에 해당한다." - p156
+<% end %>
diff --git a/src/_wiki/object-oriented-design.md b/src/_wiki/object-oriented-design.md
@@ -15,18 +15,18 @@ tags: oop software-engineering
 
 <br/>
 
-> "객체 지향 디자인은 세상을 이미 정해진 절차들의 묶음으로 생각하지 않고, 객체가 서로 주고 받는 메시지들의 연쇄로 파악할 것을 요구한다." - p1
+<%= book_quote do %>
+"객체 지향 디자인은 세상을 이미 정해진 절차들의 묶음으로 생각하지 않고, 객체가 서로 주고 받는 메시지들의 연쇄로 파악할 것을 요구한다." - p1
+<% end %>
 
-<br/>
-
-> "객체지향 디자인의 실패를 코딩 능력 부족으로 생각할지도 모르지만, 사실은 관점의 실패다." - p2
-
-<br/>
-
-> "객체지향 디자인은 의존성을 관리하는 것이고, 객체가 변화를 받아들일 수 있도록 의존성을 관리하는 코딩 기술의 묶음이다." - p3
-
-<br/>
-
-> "실용적 디자인은 우리의 애플리케이션에 어떤 일이 벌어질 지 예측하는 것이 아니라, 단지 언젠가 무언가는 변한다는 사실 그리고 지금은 무엇이 변경될지 알 수 없다는 사실을 받아들이는 것이다." - p5
+<%= book_quote do %>
+"객체지향 디자인의 실패를 코딩 능력 부족으로 생각할지도 모르지만, 사실은 관점의 실패다." - p2
+<% end %>
 
+<%= book_quote do %>
+"객체지향 디자인은 의존성을 관리하는 것이고, 객체가 변화를 받아들일 수 있도록 의존성을 관리하는 코딩 기술의 묶음이다." - p3
+<% end %>
 
+<%= book_quote do %>
+"실용적 디자인은 우리의 애플리케이션에 어떤 일이 벌어질 지 예측하는 것이 아니라, 단지 언젠가 무언가는 변한다는 사실 그리고 지금은 무엇이 변경될지 알 수 없다는 사실을 받아들이는 것이다." - p5
+<% end %>