jinw0909

DFS(L+1, start+1) 이부분이 정답과 다른 것 같아요!

피자배달거리(DFS) 시간초과 질문 있습니다.

좋은 강의 감사합니다

안녕하세요!
이제 완강을 향해 달려가고 있는데요 해당 깜빡임 부분이 나중 강의에서 언급이 되었었네요
해당 부분 듣고 다시 확인해본 결과 css에서 opacity: 0으로 설정이 안되어있었습니다. (선택자 우선순위 문제)
정말 간단한 문제였는데 직접 만들다보니까 강의에서는 쉽게 넘어갔는데 막상 해보니 안되는 부분이었어서 당황했던 것 같습니다.
좋은 강의 다시 한번 감사드립니다! 유튜브도 시간날때마다 보고 있는데 내용이 너무 좋아서 좀 당황스럽지만 어쨋든 완강 후에 다른것도 수강할 예정입니다.&nbsp;
좋은 하루 되세요!

scene 넘어갈때 애니메이션 효과에 문제가 발생했습니다.

안녕하세요.
어쨋든 문제는 해결되었지만, 아무래도 enterNewScene 코드를 빼는건 임시방편이라고 생각되어 다시 나름대로 해결책을 찾아보았습니다.
&rarr; 바로 위 댓글에서 말씀드린대로 scrollLoop(){} 함수에서 후반부 return문 실행되기 전에 console.log(enterNewScene) 그리고 console.log(currentScene) 두줄을 넣어서 확인해본 결과 씬(스크롤 섹션)이 넘어가는 경계부분 스크롤시에 로그창에서 currentScene 값은 추가(++) 되는데 enterNewScene 값은 true 로 나오는 현상을 발견했습니다.&nbsp;
&rarr; 이유는 정확히 모르겠지만 아마도 씬이 넘어가는 순간에서 scrollLoop()함수 안에 있는 <span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">document.body.setAttribute('id', `show-scene-${currentScene}`) 부분이 먼저 실행(return)되고 그다음에 마지막줄에 있는 playAnimation() 호출이 실행되서 이런 딜레이가 발생하는거라고 가정하고 <span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">document.body.setAttribute('id', `show-scene-${currentScene}`)<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;"> 부분을 아예 playAnimation() 함수 안에 (변수 선언 바로 아래)에 넣어주었더니 딜레이가 없어졌습니다.
<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">이렇게 해줘도 큰 문제가 없는지 조금 궁금하기도 하고 해서 댓글 남겼습니다.
<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">빨리 비디오 처리랑 캔버스 부분 듣고 싶었는데 별거 아닌 문제에 너무 시간을 쓴건 아닌지 조금 후회되기도 하는데요, 강의 내용이 좋고 설명도 정말 자세하게 해주셔서 정말 많은 도움이 되고 있습니다! 감사합니다.

답변 감사드립니다!
말씀해주신&nbsp; enterNewScene 부분을 콘솔 로그로 확인해봤는데요,&nbsp;
playAnimation() 함수 아래쪽에
...
console.log(enterNewScene);
if (enterNewScene) return;
playAnimation();&nbsp;
이렇게 확인해보니까 스크롤 섹션이 넘어가는 경계부분에서 순간적으로 로그에 true가 출력되는 걸 발견했습니다 (1회).
그래서 if (enterNewScene) return; 부분을 제거해주니까 경게부분에서도 자연스럽게 애니메이션이 연결되었습니다! (깜빡임 현상 사라짐)
사실 강의를 끝까지 듣고 질문을 남겼어야 하는데,&nbsp; 문제를 정확히 알려주셔서 많은 도움이 되었습니다.&nbsp;
좋은 하루 되세요!!&nbsp; &nbsp;

왠지 display:none 으로 되어있던 .sticky-elem들이 display:block 으로 바뀌는 과정에서 opacity 값을 무시하고 잠깐 나타나는 것 같은데요, 간단한 문제같은데 해결방법을 못찾아서 질문드렸습니다!&nbsp;&nbsp;

강의 중간에 딴청피운거 들켰다..

함수 선언 관련 질문입니다.

scrollLoop 함수에서 playAnimation() 호출을 안해서 오류가 났었네요.. 해결됐습니다

말씀해주신대로 vertical-align 속성을 적용해서 원하는 세로위치로 정렬됐습니다!
가로배치를 위해서 overflow: hidden을 적용해본건 강의에서 float: left 시킨 이미지 옆에 p태그 택스트가 넘칠때 깔끔하게 가로배치 시키기 위해서 p태그에 overflow: hidden을 적용시키시는걸 보고 혹시나 해서 해본건데, 이 부분도vertical: align으로 배치하니까 해결 됐습니다.
앞으로도 궁금한 점이 있으면 질문 올리도록 하겠습니다&nbsp; - 감사합니다!

inline-block 요소 가로배치 관련 질문입니다.

넵 물론입니다.
후기를 소개란에 써주신다니.. 오히려 감사드립니다 ㅎ
다양한 분들이 해당 강의를 들었으면 하는 바람입니다. (물론 나만 볼꺼야! 하는 분들도 계시겠지만 ㅋㅋ)
앞으로 훌륭한 강의 제작에 해당 후기가 조금이나마 보탬이 되면 좋겠습니다.
감사합니다.&nbsp;

jinw0909

Posts