2021-03-31 TIL

2021-03-31 TIL

• 오늘 한 것
  1. 인터렉티브 웹 개발
  2. 학원 대면수업(15:30~22:00)
  3. QnA 등록 페이지 구현 - QnA 등록 페이지의 마크업을 끝내고 input type=’file’ 태그로 이미지를 첨부하는 기능을 구현하려했는데, 맙소사 클릭을 해도 파일 불러오기 다이얼로그가 뜨지 않았다. 또, 라디오 버튼을 아무리 클릭해도 체크가 되지 않는 현상이 일어났다. 코드엔 문제가 없었고 똑같은 로직이 다른 html 파일에서는 잘만 실행되었다. 아무리 검색해도 이와 같은 현상을 해결하는 방법은 나오지 않았다. 다 같이 고민을 해도 모르겠고 답도 없었다. 파일 첨부 다이얼로그가 뜨지 않으면 향후 관리자 페이지에서 모든 배너와 상품을 등록할 수 없다는 것과 마찬가지이다. 집에 돌아와 코드를 개발자 도구를 열어 코드를 낱낱이 뜯어보다가 알 수 없는 click 이벤트가 어딘가에 걸려있는 것을 발견, 경로를 타고 들어가니…. 네비의 푸터부분에 click이벤트가 document를 상대로 걸려있었다. 초반에 a 태그의 href 속성이 실행되지 않아서 다 같이 해결방법을 찾다가 결국, onclick의 location.href로 페이지 이동을 하자는 결론을 내린적이 있었다. 그 원인도 다 이녀석 때문이었다….
  4. index의 매장찾기 기능 구현 - index 페이지의 매장찾기에서 검색어를 입력 후 검색 버튼을 누르면 paarameter로 값을 물고 map 페이지로 이동한다. map 페이지에서는 URI의 keyword를 토대로 검색을 실행한다. 문제는 index의 매장찾기로 넘어온 경우와 gnb의 네비를 타고 넘어온 경우를 구분해야했다. boolean 변수를 선언해서 window.onload시 URI에 keyword가 있는지 여부를 따지는 메소드를 실행해, boolean 값을 바꿔서 해당 로직을 실행하는 형태로 해결했다.

• 내일 할 것
  1. 인터렉티브 웹 개발
  2. 학원 대면수업(15:30~22:00)
  3. 이메일 인증 인증번호 대조 구현
  4. 로그인 페이지 아이디, 비밀번호 찾기 구현
  5. 시간이 남으면 관리자 페이지?

• 끝으로

코드의 몇 줄도 아니고 단 한 단어 때문에 이런 어마무시한 결과가 초래될 수 있다니.. 항상 주의하며 코드를 짜야겠다. 또, 다른 사람이 짠 코드도 리뷰를 철저히 해서 서로가 cross-check하는 습관을 들여야겠다.

오늘의 한 줄 총평 : 한 건 해결..