[Cinema Library] 4. 완성

위 영상은 Cine Library 사이트의 작동을 보여주는 영상이다.
배우 공유를 예시로 만든 사이트이기 때문에 그에 대한 자료만 들어있는 사이트이다.

사용 프로그램

먼저 Paper prototype을 통해 어떠한 기능들을 넣을 건지 대략적으로 구성하여 시뮬레이션을 하였다.
그 다음 Figma를 통해 디자인과 prototype 을 구현하였고
그것을 바탕으로 HTML, CSS, JS를 이용하여 사이트를 제작하였다.

마무리

아직 HTML과 CSS 이용이 미숙하다.
그러다 보니 작업하면서 사이트를 전면 수정하는 일들이 있었고 제작기간이 길어졌다.
그러나 이번 작업을 통해서 HTML의 div들이 어떻게 배치가 되는지 알게 되었고 position 에 대해 배웠다.
또한 JS를 이용한 onclick event, innerHTML을 익혔다.