개발로그

27일, 약 한달간 들었던 PlusX x Share X 환급챌린지 참여후기이다.
챌린지 참여하면서 생각이 들었던 점들, 그리고 앞으로의 계획, 강의 후기 등등을 나눠서 적을 생각이다.
1000자나 채워야 하므로 ! 많은 양의 주저리주저리들을 할 수 밖에 없을 것 같다.
 
1. 챌린지 참여 후기
우선 이 챌린지는 시작도 하기전에 미리 적었었지만, 매일 강의를 듣고 강의노트를 적는 데일리 미션과,
이렇게 최종으로 강의 후기와 챌린지 참여 후기를 적는 최종 미션을 모두 성공해야한다.
매일매일 강의를 듣고 이렇게 교안을 블로그에 적어서 낸다는 것이 꽤나 어렵게 느껴졌지만 하반기 이직도 이제 슬슬 준비할 겸 도전하게 되었다.
역시나 매일매일 쓰는 것은 쉽지 않는 일... 왜냐하면 중간에 갑작스럽게 세균성 잠염으로 입원을 하게 되면서 강의듣기 매우 어려운 환경에 놓였기 때문이다.
뭐 병원생활하면서 뭐가 어렵겠냐 할 수도 있겠지만, 그때는 너무 아파서 정신 굉장히 혼미할 지경이었다.
해열제를 먹고 괜찮아졌을 때 후다닥 강의를 듣고, 상태가 괜찮아질 때마다 쫌쫌따리 강의를 들으며 챌린지에 참여하려고 노력했던 것 같다.
그 결과는 오늘까지 마지막 미션을 완수하게 만들었다는 것!
사실 7-8월 큰 사건사고가 없을 줄 알았지만, 생각해보니 참 많은일이 일어났던 것 같다.
항상 변수에 대비해둬야지.. 준비된 사람이 되어야지 다짐하게 된 나날들.
 
 
2. 강의후기
- 플러스엑스 UI 실무 마스터 패키지 : https://bit.ly/3pXOafJ 

본격적인 강의후기를 적어보도록 하겠다!
아직 제대로 운영하고 있는 블로그가 아니기도 하지만, 아무래도 후기를 보는 사람들은 해당 파트가 가장 궁금할 것 같다.
나는 딱히 강의후기에 대해서 찾아보진 않았는데, 이 일이 나중가서 얼마나 큰 파장을 불러일으켰는지... 모르겠다.
처음에는 되게 기대를 많이 했었던 강의였기 때문이다.
그렇지만 현재 나는 다른 사람에게 해당 강의를 추천하는가? 하면 절대적으로 아니라고 답변할 것 같다.
 
이유는 해당 강의는 몇가지의 챕터로 되어있는데, 마지막 강의를 빼고는 UI를 마스터하는데 도움이 개인적으로 안됐기 때문이다.
 
첫번째는 빈약한 강의내용이다.
솔직히 IT직종에 있는 한 효율성을 따지지 않는 사람은 단 한 명도 없다.
모두가 효율적인 업무처리를 원한다.
그리고 어떻게 하면 효율적인 업무처리를 할 수 있는지, 실무적인 내용과 그 자세한 예제(작업과정)를 원했다.
그러나 그런 내용은 마지막 인터렉션에 들어갈 때까지 단 한번도 나오지 않았다.
그렇다면 어떤 내용이 나왔는지?
 
어떻게 작업을 해야할까요?
> 효율적이게 작업을 해야합니다
나: ....
 
왜 이렇게 네이밍을 해야할까요?
> 효율적이어야 하기 때문입니다.
나: ....
 
거의 모든 강의가 이런식이었다.
파일 이름을 네이밍하고.. 그런것은 솔직히 학생들도 다 아는 내용이다..
그런데 그런것을 거창하게 설명하고 본인들은 구글 클라우드를 사용해서 파일을 공유하고...
이거 나도 다 학생때 똑같이 했던것이다... 물론 직장을 다니고 있는 지금도 똑같지만, 어찌되었든 UI와 관련된 내용이 아니라,
그냥 디자인 전반에 있어서 당연한 얘기를 쭉 늘여놓는 느낌이 매우 강했다.
내가 학생 때는 이미 플러스엑스가 꽤나 영상, BX 쪽으로 유명한 디자인 회사라 어느정도 기대를 했었는데, 다소 실망스러웠다.
아무래도 대외비적인 내용이 많다보니 그런 것 같다.
(그럴거면 예시로 가져오질 말던가..)
 
두번째는 보편적인 강의수강생의 니즈를 고려하지 못했다.
보통 이런 강의는 어떤 대상들이 수강을 원할까? 바로 포트폴리오를 만들고 싶은, 프로덕트 디자인 희망생이 대다수일거다.
혹은 그 직종으로 이직을 하고 싶은 사람을 포함해서 말이다.
그런데 강의의 많은 부분이 플러스엑스를 홍보, 피알하는 내용이 다소 많이 있었고, 이런 내용들은 솔직히 그들의 이야기이지, 수강생에게는 도움이 되지 않는 정보이다.
물론 본인들의 포트폴리오를 만드는 방법 등등도 포함이 되어있었지만, 수강생 개인의 포트폴리오에는 현실적으로 적용하기 힘든 내용들이 많았다.
혹은 거의 프리랜서의 느낌이 강했다.
하지만, UXUI, 프로덕트 디자인의 경우 UI만 만드는 디자이너가 아니고서야 프리랜서로 활동하는 경우는 드물다.
그래서 타겟층을 고려하지 않은 강의를 만들었다는 생각이 강하게 들었다.
 
세번째는 강의 자체가 매우 지겨웠다.
그냥 대본을 읽는 느낌에 따라하는 예제, 혹은 프로젝트를 뜯어보는 과정도 전혀 없었다.
강의를 들으면서 과연 이걸 들어서 도움이 많이 될까?라는 생각을 가장 많이 했던 것 같다.
결국에 끝까지 이 강의를 듣고 포트폴리오를 만들 수 있을까라는 답변에는 아니라고 말할 수 있을 것 같다.
만약 당장 졸업을 하거나, 이직 취준을 고려하는 사람에게는 해당 시간을 투자해서 강의를 들을 필요가 없다고 말하고 싶다.
솔직히 학생이자, 실무자로써 상당한 아쉬움이 느껴진 강의이다.
 
그렇다면 도움이 될 것 같은 회차는?
그런데 이 강의는 이런 패키지가 아니더라도, 여러 목차마다 또 따로 구매할 수가 있다.
만약 들으면 도움이 될 것 같은 강의를 추천해달라고 한다면, 인터렉션 파트만 구매하는 것을 권한다.
앞선 강의가 다소 실망적인 내용이었기 때문에 처음부터 가장 흥미있었던 인터렉션 파트도 설마 이런 내용으로만 꽉 차있을까 걱정을 다소 했었다.
하지만 인터렉션적인 부분에서는 실무적인 내용과 작업 과정등을 살짝이지만 살펴볼 수 있었고, 한때 영상 작업자로써 어느정도 실무적으로 공감이 가는 내용과, 알면 좋은 내용도 다시 복습할 수 있었다.
그리고 가장 좋았던 점은 실습 예제가 포함되어 있었다는 점이다.
 
하여튼 이러이러한 사유로 더 이상 플러스엑스에 대한 강의는 구매하지 않을 것 같다.
다른 강의도 이러면 의미가 없지 않을까..라는 느낌이 강하게 들었기 때문이다.
그럼에도 불구하고, 한달동안 열심히 공부해온 나에게 수고했다고 말해주고 싶다.
 
 
 
 

!!!

오늘은 드디어 마지막 주차에 해당하는, 미션의 마지막 날이다!
더 이상 남은 새로운 강의가 없으므로 인터렉션 디자인 가이드를 제작하는 부분과 애니메이션 소스를 활용하는 부분에 대해서 다시 한번 복습을 하며 다른 부분에 대한 내용을 필기해보려고 한다.
27일 동안 여러 일들도 많이 일어났는데, 가장 크게 많이 느낀 것은 시간이 아무것도 하지 않았는데, 굉장히 빨리 지나갔다는 것 ㅠㅠ
왜 개발자들이 개발 일지를 매일매일 쓰는지에 대해서 어느정도 공감이 많이 되기도 하고, 나도 앞으로 이렇게 일지를 써가며 어떻게 활동을 해나갔는지 꾸준히 적는 것이 좋겠다라는 생각이 들었다.
어찌되었든 초반의 강의는 마음에 들지 않았음에도 27일동안 꾸준히 기록을 하게 만드는 것은 좋은 습관이라는 생각이 들었기 때문이다.
강의는 크게 4개의 챕터로 이루어져있었지만, 나에게는 인터렉션 파트가 가장 재미있었고 도움이 되었다고 할 수 있었다.
솔직히 나머지 파트는 다른 사람들에게도 추천하고 싶은 내용은 아니다.
이유는 너무 기초적인, 이론적인 내용을 파트3에 내려오는 동안 목소리만 바뀌지 계속 같은 내용을 반복하기 때문이다.
플러스엑스가 향후 다른 강의를 만들 의향이 있다면 이런 피드백을 잘 수용해주었으면 한다.
 
--
 
 

만들어진 APNG 파일을 먼저 확인을  한 후 전달을 하면 된다.

그 다음으로는 영상이 자동으로 재생이 되는 .mp4 형식이다.

어도비 미디어인코더로 코덱만 바꿔서 추출하면 된다. (매우 익숙..)

mp4형식으로 전달해도 되지만, vimeo 등에 업로드해서 링크를 전달하면 된다.

이렇게 되면 임베드 링크도 함께 제작이 되어서 매우 간편하게 전달할 수 있다는 장점이 있다.

플레이바와 버튼등은 노출하지 않고 임베드 후 임베드 코드, 링크를 전달하면 끝이다.

다음은 제이슨을 활용한 애니메이션이다.

제이슨은 데이터 공유를 위한 표준 방식이라고 할 수 있다.

에어비앤비가 제작한 로띠..!!! 아 내가 말하고 싶었던것이 여태껏 로띠였다 !!!

어찌되었든 에어비앤비가 제작했는지는 몰랐는데, 에어비앤비... 대단한 녀석들이었구만?

애니메이션 파일을 코드로 제작을 하는 것이다.

저용량이고, 고품질이기 때문에 굉장히 큰 좋다는 것.

피그마 플러그인에도 있고 에펙에도 플러그인이 있다 "LottierFiles"

피그마에서도 로띠파일로도 제작이 가능하다고 해서 굉장히 쉬워졌다고 한다.

빠르게 애니메이션 효과를 줄 수 있어서 실무에서도 굉장히 잘 사용할 수 있다고 한다.

크롬에서 얹으면 코드로만 확인을 할 수 있어, 커스터마이징을 하고 싶다면 로띠 대시보드에 얹어 커스텀할 수 있다고 한다.

와 여기까지 모든 내용이 끝!

그동안 수고 많았다 내자신

 
 
 
bx강의, PLUSx, plusxshare, ui강의, ux강의, 패스트캠퍼스, 플러스엑스, 플러스엑스강의후기, 플러스엑스셰어엑스, 플러스엑스환급챌린지

내가 강의 계산을 잘 못했던 것 같다.

오늘이 바로 마지막 강의인 챕터 3의 애니메이션 소스 활용하기 부분이기 때문이다.

나는 일요일날 딱 맞춰서 끝낼 수 있으리라 생각을 했었는데, 생각과는 다르게 하루 더 일찍 마무리를 짓게 되었다.

아니 생각보다 굉장히 놀라운 것은 이제 정말 내일이면 미션이 다 끝난다는 것이다 !

생격보다 길지만 또 짧기도 한 여정이라고 해야할까?

아주 못해먹을 것은 또 아니라는 생각이 들었다.

강의는 매일 하나씩 들을려고 했으며, 공부속도는 스스로 조절해나갔다.

그랬더니 어느정도 매일매일 공부하는 습관이 잡혔다는 생각까지 들기도 했다.

내일은 미션의 마지막날이라서 인터렉션 부분의 강의를 전체적으로 훑어보며 다시 복습을 하려고 한다.

그 전에 오늘은 애니메이션 소스를 활용하며 어떻게 활용하는 것인지 알아보도록 하자

--

화면이 변화되며 제이슨형식, mp4 등 애니메이션을 이용한 인터렉션은 소비자의 시선을 자로잡고 효과적으로 전달할 수 있게 된다.

이러한 애니메이션 소스를 많이 응용하여 디자인을 한다고 한다.

화면이 스크롤되며 중간중간 애니메이션 소스가 구동되는지에 대해서는

1) 소스를 어떻게해서 최적화를 시키는지

2) 어떤 형식의 영상소스로 영상을 추출해야하는지

3) 프레임 수는 어떻게 맞춰야 하는지

4) 임베드 코드는 어떻게 생성시켜야하는지

이러한 영상소스 파일을 실제 제작할 때 어떻게 개발자들과 함께 맞춰서 전달을 하는지에 대해서

알 수 있는 강의이다.

EXPORT -> .mpy, gif, apng, json

스크롤 화면에 따라 영상이 재생되는 모습은 PNG Sequence가 적합하다.

제작된 영상소스를 각 프레임의 이미지로 추출하는 방식이다.

스크롤에 맞춰서 각각 영상의 프레임을 추출하는 방식으로 알 수 있다.

에펙이나 프리미어 프로 등의 영상 편집 프로그램으로 편집 후 PNG 시퀀스로 제작한다고 한다.

나는 PNG 시퀀스는 3d 작업할 때만 그렇게 뽑아 제작하는 줄 알았는데,

생각해보니 여기서 아이템의 모션같은것도 png 시퀀스와 웹뷰로 뽑아서 재생을 하고 있다는 것이 떠올랐다.

알지비 알파값을 두고 PNG 시퀀스로 뽑으면 된다.

두번째는 APNG 형식이다.

루핑 애니메이션의 큰 화면으로 사용되는 화면은 GIF로는 잘 추출되지 않는데, 우선 용량이 크고, 잘 깨지기 때문이다.

때문에 APNG의 소스로 루핑되는 화면이 주로 이루어져있다고 볼 수 있는데, 영상을 추출해서 적용하면 된다.

이 방식은 GIF와 비슷한 방법으로 애니메이션을 구현하면서 기존 PNG 파일과의 하위 호환성을 유지했기 때문에 GIF보다 더 높은 품질을 보여준다고 한다.

간단한 마이크로 애니메이션을 제작할 때 많이 사용된다고 한다.

해당 파일은 에펙에서 로딩 부분까지 전부다 제작을 하게 되는데, 추출하고 싶은 부분에 타임라인을 트림시켜 작업파일을 렌더하는데,

렌더대기열의 아웃풋에 기본 세팅은 PNG 시퀀스로 포멧을 변경하고, 알파값을 포함한 채널로 추출을 한다.

이후에 렌더를 하면 PNG 시퀀스와 동일하게 된다. 이후 Make APNG 사이트를 활용해 원하는 APNG를 만들면 된다.

Export 설정은 딜레이 스피드(6-8sec)와 루프 카운트, 돈 스턱 프레임의 체크를 클릭한 후 추출을 하면 된다.

이런 형식이 있는 줄 몰라 항상 GIF로 제작을 했었는데 굉장히 도움이 많이 되었다.

이후 내용은 강의에서..

 
bx강의, PLUSx, plusxshare, ui강의, ux강의, 패스트캠퍼스, 플러스엑스, 플러스엑스강의후기, 플러스엑스셰어엑스, 플러스엑스환급챌린지