Async1 javascript에서 파일의 위치와 async, defer에 대해 알아보기 html과 css로 레이아웃을 꾸민 후 input tag의 id 칸과 pw 칸에 조건이 맞으면 활성화가 되어 로그인 버튼이 파란색으로 바뀌는게 첫 과제였다. 구글링을 해가며 코드는 맞게 짠 것 같은데 실행이 되지 않아 제일 첫 줄 부터 디버깅을 시작했다. ID값을 가져오는 부분부터 console.log를 찍어봤는데 첫번째 줄 부터 null이 나와서 당황스러웠다. 왜때문일까 고민하며 혹시 틀린 부분이 있나 싶어서 철자 하나하나 점 하나하나 다시 살펴봤지만 문제가 없다 생각했고 결국 SOS를 쳤다. 그 결과 javascript 태그의 위치의 문제였다. html 파일을 위에서부터 아래로 순서대로 실행을 하는데 javascript 태그도 그의 영향을 받기 때문이었다. css 파일은 head 태그에 넣어 맨 위에.. 2023. 6. 6. 이전 1 다음