슬라이드쇼 개발중.. on redgoose note

슬라이드쇼 개발중..

Nest: Blog Category: Diary 2021-04-26

슬라이드쇼를 라이브러리 사용하지 않고 순수하게 vue3로 개발작업 하고 있는데 크롬에서 이상하게 끊겨서 퍼포먼스 문제인가 싶어서 최적화 삽질을 하고 있었는데 webgl을 끄고 있었다. ㅋㅋㅋㅋ
켜니깐 무척 빨라짐 ;;;

그리고 슬라이드를 다른 라이브러리를 사용하지 않고 자체적으로 개발하고 있는것은 잘하는 짓이었다.
퍼포먼스면에서 대단히 민감한 부분이라서 몇시간 돌리는것도 염두해 둬야한다.

-2021-04-26-3-57-32-.png

UI를 완성된 형태로 항상 개발하다보니 보이지 않는 부분은 체크할 수 없기 때문에 감으로 예측해야한다.
이번에 약간의 css로 transform: scale(.2); 정도로 축소시키니 이렇게 좀더 넓은 부분을 확인할 수 있었다. 이 부분을 조절한 덕분에 어제 못끝냈던 부분을 수월하게 해결할 수 있었다.


vue3composition-api를 활용하면서 setup()메서드 속에서 컴포넌트의 코드가 다 돌아가게 된다.
이렇게 사용함으로써 타입스크립트를 제대로 사용할 수 있겠지만 처음 만드는 일에 방해말 되어서 타입스크립트를 또 지워버렸다. ;;
지금은 끈기있게 타입스크립트 이슈를 해결하면서 개발하는것보다 빠르게 코드를 작성할 수 있어야지 로직에 더 집중할 수 있었다. 타입스크립트에서 뭔가 문제가 일어나면 검색해보는데 100% 전부 해결되지도 않고, 해결하느라 걸리는 시간도 만만쟎고, 가장 스크레스를 받는것은 오늘은 잘 굴러가다가 다음날에 작업 시작할까 하면 타입에러가 왕창 떠버린다.

변수나 메서드를 사용하지 않는다고 경고가 아닌 오류가 발생해버리니 너무 가혹하다.(설정으로 끌 수 있겠지만 또 구글링하고 난리쳐야하는데 지쳐 버렸다.)

다시 setup()메서드 주제로 돌아가자면 state, computed, methods, lifecycles 개념을 동일하게 사용할 수 있지만 구조를 재조립할 수 있고, 같은 영역에서 자원들이 공유되어 사용하기 때문에 구조를 직접 설계할 수 있는 자유로움이 좋았다. 좀더 react같은 느낌을 받았다고 할 수 있다.

두번째 vue3 프로그램을 만들어보다보니 일단 안되는것이 없어 보이고, 좀더 익숙하게 사용할 수 있으니 전보다 코드가 더 정리되는 인상을 느낀다.

계속 사용해봐야 알겠지만..

Comments

  • 요즘 하루에 7,8시간 정도 슬라이드쇼 작업을 하고 있는데 진행 속도는 확실히 더디다.
    작은 부분들도 하나씩 만드는것도 있지만 지금 주요한 부분을 만들고 있다보니 코드를 작성했다 지웠다 반복하는것이 좀 많긴하다. ㅎㅎ

    구입한 게임도 있어서 게임에도 시간을 할애하고 싶었지만 여기에 열중하고 있다보니 어찌보면 게임보다 더 재미있는 상태에 빠져있다. --;

    매일 채굴 돌리면서 코인차트나 잠깐씩 구경하면서 몸이 못버틸때까지 프로그램 작성에 매달려 있는 기분이다. ;

    Written on 2021-04-26
  • 설정과 슬라이드 리셋 기능도 필요해 보인다.

    Written on 2021-05-03
  • 오토플레이 그래프가 있으면 어떨까..
    대기시간의 모습이 보이질 않으니 이게 제대로 돌아가고 있는지 확인이 안된다.

    꼭 필요한것은 아니지만 구현해두면 유용하지 않을까...

    화면에 요소가 계속 추가되는것이 부담스럽지만 맨 아래쪽 아니면 위쪽끝에 얇은 선을 넣어서 시간이 다되면 100% 사이즈로 나오게 하면 될거같다.

    Written on 2021-05-04
  • 슬라이드까지 구현모습인데 얼추 하는데까진 했다.

    Written on 2021-05-05
  • 가이드 페이지가 필요해 보인다. 도움말 용도로 사용할 수 있다. 슬라이드쇼 단축키나 환경설정 사용법이나 슬라이드 데이터를 삽입하는 방법을 알려주는데 사용할 수 있을것이다.

    가이드 버튼을 누르면 github에서 만든 별도의 페이지로 띄울 수 있겠지만 새로운 창을 열어서 사용하는건 이슈의 변수가 만들어질거라고 느껴져서 창을 띄어서 보여주는것이 좋을거 같다.

    Written on 2021-05-11