scroll-section 1 에서 2로 넘어가는 부분(section 2의 시작점)에서,,

Question

안녕하세요. 

main-add.js에서 코드 붙여넣고 애니메이션은 정상적으로 작동하는데요.

한 가지 신경 쓰이는 이슈가 발생했는데 원인을 모르겠습니다.

scroll-section 1 에서 2로 넘어가는 부분(normal scroll 끝나는 부분, section 2의 시작점)에서 

섹션2의 desc-message b, desc-message c (pin 메시지 부분)가 처음 한번만 (새로고침 하고 스크롤 할 때) 빠르게 나왔다가 사라집니다. 

너무 찰나의 순간이라서 스크린샷도 찍을 수가 없어요. 

js 코드가 좀 어수선해보여서 정리 후 다시 업로드 하겠습니다;;

* 자바스크립트 포맷 정리하고 css 추가 업로드 하였습니다.

+추가로 prettier 같은 포매터 사용 때문에 강사님이 작성하시는 것보다 js의 가독성이 떨어지는 것 같은데

강사님은 따로 포매터 사용은 안하시나요?

Answer

섹션이 바뀌는 순간 첫번째 이미지가 그려지는 문제인데, 이후에 그 부분을 수정하는 부분이 나온답니다.

저는 협업 시 약속했을 경우 외에는 포매터를 잘 사용하지 않습니다 ㅎㅎ
포매터가 안좋아서는 아니고, 저는 그냥 제가 직접 조정하는게 좋더라고요.
포매터 사용하시고 가독성이 떨어진다고 느끼시는 이유가 탭이 2칸이라서 그런게 아닐까 생각되네요^^