# 20210125(월)

## 2021-01-25

### 1. 학습 날짜

* 2020-01-25

### 2. 학습 시간

* 13:00 \~ 22:00

### 3. 학습 범위 및 주제

* 트렌센던스 view 설계

### 4. 학습 목표

* 트렌센던스 view 설계 한다

### 5. 학습 정리

* x

### 6. 상세 학습 내용

* 트렌센던스는 BackboneJS와 rails를 이용해서 SPA를 만드는 것이다.
* 기존의 웹앱은 뷰가 다르다면 간단히 URL를 통해서 원하는 페이지로 이동했겠지만 SPA는 단 하나의 SINGLE 뷰만이 있고, URL의 프레그먼트만을 이용해서 페이지의 뷰를 바꾼다.
* 따라서 기존의 웹과는 다르게 하나의 뷰에 수없이 많은 뷰가 들어가게 되므로 개발 단계에서 이 뷰 하나하나를 설계하는 과정이 중요하다고 생각되어 뷰 설계를 진행했다.
* 뷰의 설계의 앞서 먼저 디자인을 간단하게 구성했다.
  * 디자인 설계에는 `adobe xd` 라는 툴을 사용했다. 해당 툴을 사용하면 우리가 사용할 디자인 라이브러리인 `semantic`으로 (코딩이 아닌) 디자인을 해볼수있다.
  * 따라서 실제 semantic으로 디자인했을 때 어떠한 결과가 나오는지를 알 수 있었다.
  * 툴을 이용해 디자인을 한 이후에는 각 뷰에 어떤 `view` 컴포넌트가 들어가야하는지를 정리했다.

### 7. 오늘 학습 내용에 대한 개인적인 총평

* 설계란 정말 어렵다.... 앞으로 몇일이나 더 이 설계를 진행해야 할텐데... 걱정이 많다. 그래도 많이 배우는거 같다.

### 8. 다음 학습 계획

* API 설계


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://simian114.gitbook.io/blog/undefined-1/diary/2021/january/20210125.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.