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 설계