• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

고기를 잡는 법이 궁금합니다!

21.02.23 15:03 작성 조회수 138

2

안녕하세요 선생님! 좋은 강의 감사히 잘 듣고있습니다

강의의 내용을 나름 차근차근 잘 따라가고, 선생님과 완전히 같은 페이지가 아닌, 저 나름의 동영상과 사진을 이용해서

저의 페이지를 만들며 강의를 수강하고 있습니다! 마침 선생님의 강의 내용에 해당 질문이 적합하여 질문드리고자 하는 것이 있습니다

선생님의 페이지와 마찬가지로, 제가 만든 페이지에서도 브라우저를 resize한 경우 scene3의 애니메이션이 딱 맞지 않게 작동한다던가,

모바일 환경에서 위에서 아래로는 정상적으로 스크롤 되지만 아래에서 위로 스크롤 하는 경우 애니메이션이 정상적으로 작동하지 않는다던가,

아이패드 환경에서 사진이 갑자기 사라졌다가 나타나는 등 수도 없이 많은(…ㅠㅠ) 오류가 발생하곤 하는데요, 선생님의 경우처럼

rectStartY가 초기화 되지 않아서 이런 오류가 발생하는구나, 라는 식의 사고 전개가 초심자라 그런지 잘 되지 않습니다. 코드를 올리고, 이러이런 현상이 발생하는데 어떻게 해결할까요 라는 질문도 좋은 질문이겠지만, 언젠가는 저 스스로 이런 문제를 해결하고자 하는 마음이 있는데, 어떤 방식으로 원인을 찾아 나가는 것이 좋은 접근일까요?

질문이 장황하여 죄송합니다. 정리하자면 원하는 틀을 만든 후에, 다양한 환경에서 테스트 할때, 어떤 문제가 발생하는지 까지는 파악 할 수 있으나, 그 문제가 왜 발생하였는지를 찾는데에 어려움을 겪고 있는데, 어떤 방식으로 접근해야 각 문제의 발생원인을 찾는데에 도움이 되는지 여쭤보고 싶습니다! 좋은 강의 감사합니다 ㅎㅎ

답변 1

답변을 작성해보세요.

4

한마디로 말씀드리기 어려운 문제이기는 한데요~
먼저 대놓고 오류가 나는 경우라면, 콘솔에 출력된 오류 메시지를 토대로 원인을 찾아나아가다 보면 찾으실 수 있을거에요. 물론 그것도 처음에는 쉽지 않은 일이긴 하지만^^;

오류를 찾기 어려운 경우는 에러가 아니라 그냥 내가 의도하지 않은 동작이 될 경우인데요, 이건 에러도 아니기 때문에 누가 힌트를 주는 것도 아니어서 원인을 찾기가 까다롭지요^^;
먼저 어떤 성격의 오류인지 파악을 하는게 중요한데요, 예를들어 어떤 메시지가 눈에 보이지 않는다면 개발자 도구 검사를 통해 메시지 자체가 안들어온 것인지(데이터의 문제인지), 아니면 메시지는 들어왔는데 UI가 틀어져서 눈에만 안보이는 것인지.. 이런 식으로 일단 큰 줄기에서 파악을 합니다. 관련해서 떠오르는 원인이 있다면 그것부터 확인해 보시고, 떠오르는게 딱히 없다면 관련된 속성들 몇가지의 값을 변경해가면서 한땀 한땀 찾을 수 밖에 없답니다. 이런 문제같은 경우에는 딱 정답이 있다기보다, 여러 경험을 통해 배경지식이 많이 쌓일수록 해결 원인을 찾아내는 것이 수월해지는 것 같아요.
예를들어 아이패드에서 어떤 요소가 갑자기 사라진다면, 일단 내가 눈으로 확인할 수 있도록 그 요소의 위치를 텍스트로 출력해보는 거죠. 그리고 거기 출력되는 수치를 보고, 가로 방향이 문제인지 세로 방향이 문제인지, 세로 방향이 문제라면 이 요소의 세로 위치(y값)에 영향을 주는 요인들을 하나하나 체크해보는 식으로..

이게 명쾌한 답변이 어려워서 좀 주절주절 적은 느낌이 나네요^^; 계속 경험을 쌓아가시다보면, 머릿속에 있는 지식들이 결합되어서 원인을 예측하시는 능력이 향상이 될 거라고 생각됩니다.
좋은 질문해주셨는데 답변이 명쾌하지 않은 느낌이라 죄송합니다^^;;;