인프런 커뮤니티 질문&답변

cheolship님의 프로필 이미지
cheolship

작성한 질문수

애플 웹사이트 인터랙션 클론!

main.js 적용 내용

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

해결된 질문

작성

·

247

3

안녕하세요.
 
main-add.js에서 코드 붙여넣고 애니메이션은 정상적으로 작동하는데요.
한 가지 신경 쓰이는 이슈가 발생했는데 원인을 모르겠습니다.
 
scroll-section 1 에서 2로 넘어가는 부분(normal scroll 끝나는 부분, section 2의 시작점)에서
섹션2의 desc-message b, desc-message c (pin 메시지 부분)가 처음 한번만 (새로고침 하고 스크롤 할 때) 빠르게 나왔다가 사라집니다.
너무 찰나의 순간이라서 스크린샷도 찍을 수가 없어요.
 
js 코드가 좀 어수선해보여서 정리 후 다시 업로드 하겠습니다;;
* 자바스크립트 포맷 정리하고 css 추가 업로드 하였습니다.
 
+추가로 prettier 같은 포매터 사용 때문에 강사님이 작성하시는 것보다 js의 가독성이 떨어지는 것 같은데
강사님은 따로 포매터 사용은 안하시나요?

 


답변 1

1

1분코딩님의 프로필 이미지
1분코딩
지식공유자

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

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

cheolship님의 프로필 이미지
cheolship
질문자

답변 감사합니다. 강의 계속 진행하다보니까 해결되더라구요 ㅎㅎ ! 

저도 말씀해주신대로 필요 이외에는 직접 조정하는 습관을 들여봐야겠네요.

정리해줘서 좋긴한데 그만큼 자율성이 떨어지는 느낌이랄까요.

친절한 답변 감사합니다^^ 

cheolship님의 프로필 이미지
cheolship

작성한 질문수

질문하기