문제 해결TIL(17)

어제 놔두고 온 문제해결을 오늘 처리했다.

오류가 마이페이지에서 이미지버튼을 누르면 파일이 뜨고 파일에서 내가 원하는 이미지를 열면 그 이미지가

나의 프로필이미지가 되는 구조였다.

 

근데 어제 input type=file 로 어찌어찌 했는데 이미지열기만 누르면 오류가 났었다.

진짜 저녁 내내 해도 답이 없어서 결국에 나와 비슷한 기능 구조를 만드는 팀원분이 한번 만들어 보시고 코드 비교를

하기로해서 오늘 코드 비교를 해봤다.

문제해결의 답은 팀원이였다..?! 가 맞는듯ㅎㅋㅋㅋㅋㅋㅋ

코드 비교 해보시고 말씀해주셨는데 진짜.... 작은 부분으로 인해 생긴 오류였다.

진짜 막상 보면 아~ 이러는데 왜 그렇게 눈에 안보이고 이해가 안갈까 진짜 ㅠㅠㅠ 답답허다.

 

<label id="imgLabel" for="imgInput">
    <img src="assets/blank-profile-picture.png" id="profileView" />
    <input type="file" id="imgInput" accept ="image/*" onchange="onFileChange(event)" />
</label>

많고많은 문제 중 이게 메인이였던거같은데( 많고 많은 문제들 중에서는 import가 빠졌다거나 그런..ㅎ)

이때까지 img태그에다가 onchange이벤트를 해놓았는데 얘가 문제였다ㅎ

img는 change이벤트를 받을 수 없다고 하는데 찾아보니까👇

=> The change event is fired for <input>, <select>, and <textarea> elements  이렇게 적혀있었다.

 

왠지 계속봐도 코드는 맞는데 저 이벤트에 함수가 실행이 안되서 곤욕이였다..ㅎ

이렇게 또 하나를 알아가는거라 생각한다. 보는데 진짜 속이 다 시원해서ㅋㅋ 가르쳐주신 팀원분에게 감사를 드리며..ㅎ

그리고 절때 이건 안잊어먹을꺼같다.역시 지지고볶아야 기억에 더 오래남는듯

 

---

아 그리고 오늘 또 다른 오류 해결을 해냈다.

우리 팀 프로젝트에서 리뷰 담당을 하는 페이지가 있는데 댓글 구현만 내가 하기로 해서 날짜와 시간이 뜨도록

조각 코드를 어제 만들어서 리뷰담당 팀원분에게 주었다.

아침에 부족했던 설명도 마저하고 이리저리 또 지지고볶고 하면서 어떻게 버튼을 누르면 댓글창이 뜨도록 하는 것 까지는 했는데 input내용값이 같이 안뜨고 자꾸 null이라고 떠서 또 구글링도 하고,  콘솔창도 찍어보고 했는데도 안나왔다

 

결국에 튜터님을 찾아가서 해당 코드를 보여드리고 도움을 구했는데

이것도 진짜... 작은 부분이였다.

(내가 구현이 안되니까 막 더 어렵게 어렵게 코드를 적으려고 했던거 같은데 굳이 그럴 필요가 없었다는...)

function save_comment() {
  const newWord = document.querySelector("#comment-input").value;

내가 이 코드를 ('#comment-input".value)이렇게 적어 놓고 있었다.

그래서 튜터님이 이거 value값을 밖으로 빼기만 하면 됬었다고 말해주셨다....ㅎㅋㅋ

이부분도 평생 기억 >2<✅

그리고 아직까지 헷갈리는 부분인데 코드가 점점 복잡해지는거에 따라서 전역변수와 함수 안에 있는 변수가 헷갈려서

이게 그건가 저게 그건가 이러고 어디다가 선언을해야 먹히는지도 쫌 헷갈렸다.

그래서 이렇게 간단한 문제도 처리를 잘 못했던것같다.

 

이 프로젝트가 끝나고 나면 더 어려운 문제들을 직면해야하는데 진짜 공부 열심히 해야겠다라는 생각이 든다.

일단 자바스크립트에 대해서 좀 더 깊게 공부를 해봐야 할 꺼같고, 그거에 따라서 생기는 다양한 오류해결...등등

그리고 import하는거...진짜 해야겠따.. 아직도 헤롱헤롱한대 이게 API를 가져오는거라 원래 있던 곳에서 import만 해주면 된다고 하는데 뭐랄까 코드가 복잡해짐에따라 뭐가 빠졌고 어디서 뭐가 왔는지 정리가안되서ㅠㅠ 

이건 아무래도 아직 내가 100%이해를 하지 못한거 같아서 프로젝트만들면서 공부를 해야겠다.

 

파이어베이스 쉽지않아....ㅎ

일단 오늘은그래도 해결을 두건이나 하고 TIL을 작성해서 기분은 좋은데, 하고 나니까 아직 할일이 산더미....^^
이미지변경 storage에 올리기, 이미지 삭제하기, 닉네임 변경하기, 비밀번호 변경하기가 남았다.

후..하..ㄹ 수 이ㅣㅆ..다....😂😂화이팅!