클론코딩

CGV 클론

영화 그 이상의 감동. CGV

CGV는 선진화된 관람문화와 최고의 서비스로 고객에게 잊을 수 없는 감동을 선사합니다. CGV홈페이지를 통해 영화 예매뿐만 아니라 그 이상의 서비스와 감동을 전달하고, 다양한 즐거움과 특별한 경험을 제공하고자 합니다.

https://www.cgv.co.kr/#none

• 예쁜 디자인을 직접 구현해보기

CGV 클론코딩을 선택한 이유

• 반응형 화면 직접 구현해보기

• 빠른 로딩 속도 달성해보기

• 고급스러운 슬라이더 구현해보기

클론코딩을 선택한 이유

• 디자이너가 없어서

• 면접관이 기획 문서를 다 안 봐도 기능 이해 가능, 직접적으로 비교됨

Tech Stack

왜 바닐라 JS 프로젝트를 선택했냐면 ..

• React의 사용법을 잘 아는 것만으로 React를 제대로 이해할 순 없기 때문에 직접 내가 쓰는 도구들을 만들거나 그것 없이 기능을 만들어봐야 함

• 노션 클로닝 프로젝트 전까지 바닐라 js의 숙련도를 높이고 싶고 팀플은 부분적으로만 해도 됨

• 바닐라로 만들 수 있다면 React로 만들 수 있다는 것은 증명됨. 렌더링 위임만 하면 되기 때문

API

기록

• 디자이너가 없으면 예쁜 디자인은 거의 불가능하다.

• 성능 최적화는 잡기술의 총합이다…

• 성능 최적화를 하려면 일단 느려야 하는데, 이미지가 많고 목록이 길어야 느림

• CSS나 인터렉션 구현을 연습하고 싶다면 컴포넌트 라이브러리 만드는 것도 좋을 듯

• 기술력만 보여줄 거라면 굳이 API 쓸 필요 없을 듯

• (ex) 굳이 내가 만든 걸 쓸 필요는 없지만 내가 만든 걸로도 최신 개봉 정보를 알 수 있다

• 어떤 개발자분의 인터렉션 관련 만든 것들 레포

Dynamic Card — craft

3D Transform Gradient Card

https://craft.so-so.dev/dynamic-card/

• 토스 인터렉션 디자이너 채용 공고
토스채용
공고 자세히 보기

https://toss.im/career/job-detail?job_id=5629913003