[Today I Learned] 11월 4주차 day2

프로젝트 3일차, 이제 메인페이지에 db값만 출력되게 보여주면 된다.
아마 내일이나 내일 모래 안으로는 다 구현 할것 같다 천천히 하자~ 내가 맡은 파트를 끝내면 어려워하는 팀원들을 도와주려고 한다. 오늘도 팀원 한명을 도와줬다.

오늘 구현하면서 어려웠던 점

오늘은 헤더영역의 맨 오른쪽 녀석이 말썽이였다. a태그 href에 라우트함수를 호출 하고 자식요소로 img태그를 만들었다, 그리고 그 안에 이미지를 넣어서 스타일을 지정 한 후에 클릭 시 프로필페이지로 이동이 되게 구현이 되어야 했다. 하지만 a태그에서만 먹히고 img태그 클릭시 'undefined' 라는 에러 메세지를 뱉었다 ㅠㅠ 기본적으로 자식요소인줄 알고 상위요소 클릭시 자식요소도 클릭이 적용 될 줄 알았는데 그게 아니였다. 하는 수 없이 튜터님의 도움으로 label태그를 통해서 문제를 해결하였다.

<label for="profile__image" onclick="goToProfile()">
          <img id="profile__image" src="https://item.kakaocdn.net/do/493188dee481260d5c89790036be0e66f604e7b0e6900f9ac53a43965300eb9a"alt="">
</label>

위에 코드처럼 <label> 로 요소를 묶고 하위요소에는 id값을 , label for 속성에는 아래 아이디값을 넣어서 img태그도 클릭 될 수 있게 되었다. goToProfile이라는 함수호출을 해서 클릭 시 profile페이지로 이동 할 수 있게 하였다.