ABizCho commented 1 year ago

1. 관련 리소스 추가 ( lotties, chat 시연 비디오 )

2. landingPage의 섹션 및 구성 컴포넌트 구현

섹션2의 dashboards 클래스의 경우 컴포넌트로 분리해서, 데이터 연결을 위한 추가 작업 필요합니다! 여기에 어떤 컨텐츠를 담을지는 같이 고민해보시죠 ~.~ (예를 들어, 오늘 핫한 스레드 || 주목 받는 멤버들 등)

3. 섹션마다 필요 시, IntersectionObservation 을 사용한 스크롤 내 요소 감지 및 관련 로직 사용

시간나면 리팩필요
훅으로 만들어서 재사용성 높일 수 있을 듯 OR 랜딩페이지(상단)에서 하나 사용하면서 추적하는 ref만 바꿔가면서 사용해도 될듯?

4. 애니메이션 최적화 will-change css속성의 동적 할당/해제 사용의 편의를 위한 useWillChange() 훅 구현

해당 will change 속성은 대충 알기만 하고 써본적이 없어서 과연 효능이 어떤가 싶어 실험적으로 활용해봤는데, 구체적인 성능측정이 안돼서 일단 Lottie_SEO 컴포넌트에만 적용해둔 상태에요!

브라우저 탭 중 Lighthouse라는게 있길래 성능측정 해본 결과 퍼포먼스에서 별로 좋은 점수를 받지 못했네요ㅋ,ㅋ 욕심때문에 애니메이션이랑 훅 & js로직을 꽤 사용했고 로띠도 그렇고 이것저것 리소스를 많이써서 성능 최적화 필요성이 좀 느껴집니다..ㅎ.ㅎ

그래도 일단은 요즘 웹 성능이 워낙 좋다보니(+컴리소스) 체감 상 크게 문제될 만큼 성능이 문제가 되는 것 같지는 않아서(프리뷰로 보니 페이지 로드 시 Section1 로고 애니메이션에서 프레임드랍이 약간 있네요) 랜딩페이지 성능최적화의 우선순위는 조금 낮게 생각해둘게요!

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
ganoverflow-front	✅ Ready (Inspect)	Visit Preview	Aug 26, 2023 2:14pm

ABizCho commented 1 year ago

94

ABizCho commented 1 year ago

@hongregii 앗 여기에 멘션을 안드렸군여

hongregii commented 1 year ago

@ABizCho 본격적인 작업 시작 전에 머지했어요~ 코드리뷰는 오늘 오프에서 한거로 하겠습니다

modulersYJ / ganoverflow-front

feat-landingPage: 랜딩페이지 뷰 구현 완료 #115

1. 관련 리소스 추가 ( lotties, chat 시연 비디오 )

2. landingPage의 섹션 및 구성 컴포넌트 구현

3. 섹션마다 필요 시, IntersectionObservation 을 사용한 스크롤 내 요소 감지 및 관련 로직 사용

4. 애니메이션 최적화 will-change css속성의 동적 할당/해제 사용의 편의를 위한 useWillChange() 훅 구현

94