코딩 일기 : grid나 js파일이 정상 작동을 하지 않는다...(이론)

어제 작성하려고 했으나....

 

나란 남자는 역시 하루를 미뤄버리는 센스를 보여줌 ㅎ

 

무튼 오늘 포스팅은 제목 그대로 js파일이 정상적으로 작동하지 않는 경우가 존재한다.

 

내가 인턴을 하면서 아무도 나에게 도움을 주지 않기에 

 

내가 스스로 삽질하면서 습득한것이지만 

 

이게 큰 도움이 될지는 모르겠다.

 

우리가 웹을 개발하다보면 항상 개발자 페이지를 확인해야 한다.

 

일단 js파일이나 jQuery가 작동을 하지 않을 때 

 

java Console에서 알려주지 않기 때문이다.

 

그렇다면 개발자 페이지에 들어가서 이렇게 오류난 코드와 

 

Console에서 오류를 알려주지만?

 

사실상 어떻게 해결할 지 감을 못잡는 경우가 있다.

 

작성자인 나 또한 삽질을 했기 때문...

 

사실 삽질이 절때 나쁜건 아니지만 시간적으로 아까울 뿐이다.

 

이 문제를 계속 고민하면서 문제점을 찾아보다가.....

 

바보같은 실수를 했었다...

 

JS파일을 중복으로 호출한 것!

 

흐음?.......

 

이게 과연 큰 문제가 될까? 라는 생각도 들었지만 

 

다시 생각해보면 문제가 된다는 걸 알 수 있다.

 

컴퓨터는 인간처럼 판단을 쉽게 할 수 있지 않구 

 

우리가 입력한 값으로 움직인다.

 

이때 동일한 js코드를 중복 호출 및 다른 버전 호출을 한다면?

 

충돌이 나서 아무 반응이 없을 것이다.

 

대부분 프론트를 직접 작업하지 않는 경우 

 

css나 js파일은 오픈소스를 사용하게 되는데 

 

이런 소스들을 활용하는 과정에서 자주 충돌이 난다.

 

이래서 남의 코드를 자신이 자유롭게 변경하는 것이 가장 어렵다.

 

만약에 자신이 작성한 js파일이 재대로 작동하지 않는다면 확인해야 할 리스트를 적어보면!

 

1. 개발자 페이지 - Console을 확인!

2. javaScript에서 Console.log로 변수 출력 후 흐름 확인

3. js / css / jQuery 등 중복 호출이 되고 있는지 확인

 

위의 리스트처럼 확인하면 자신이 실수한 부분을 확인할 수 있다.

 

오늘 포스팅은 여기까지! 

 

다음에는 더 발전된 개발 일기로 찾아오겠다.