TIL 031523

8:00 협업을 위한 Git활용 수업을 들었다.

        강사님은 맥이라 나랑 다르다.

        처음부터 잘 안된다.

        한글로 언어 설정을 했는데 중간 탭 부분은 영어다.

        원래 그런건지 나만 그런건지 모르겠다.

        로컬에 추가하기에서 add를 했는데 안됐다.

        경로가 이상하다 그래서 윈도우에서 txt파일 만들기 설명 블로그처럼 D드라이브로 경로를 옮겨봤지만 마찬가지였다.

        creat에서 선생님이랑 비슷한 화면이 나왔다.

        김치레시피 폴더는 D에 있는데 creat에서 생성하기에 성공했다.

        아닌거같아서 지우고 다시 했다.

        무슨 경고창같은게 떴는데 무시했다.

        일단은 강사님 설명처럼 숨긴폴더 .git이 생겼다.

        어제 비몽사몽 들어서 3주차에선 다른 것도 살짝 배운다고 하셨는데 그 다른게 소스트리 말고 깃허브데스크탑같은 툴을 말하는건지 깃허브 말고 깃넷? 이런 서비스를 말하는건지 모르겠다.

        어쨌든 어제 팀장님이 가르쳐주신 .gitignore 활용법이 3주차에 있다.

        빨리 3주차까지 쭉쭉 들어야겠다.

9:00 게더에서 팀원들과 모였다.

        마이크 문제부터 해결하려고 매니저님을 기다렸는데 슬랙이랑 게더에 안계셔서 더 기다렸다.

        새로온 매니저님께 문제를 말씀드리고 마이크 테스트는 잘 되는걸 화면공유로 보여드리려고 게더에서 가까이 가서 마이크가 어떻게 안되는지 시연했는데 멀쩡히 잘 됐다.

         팀에 다시 가서 마이크를 사용해봤는데 잘 된다.

         그제 어제 왜 안됐던건지 오늘 왜 되는건지 모르겠다.

         팀 프로젝트는 합치는게 잘 안되고 오래 걸리고 있다.

         나는 웹개발 4주, 5주차 수업을 주로 GET 부분 위주로 들었다.

         어제 원래 내가 하는 부분은 아니지만 수업을 따라 했던 카드에 append하기를 했는데 여전히 안된다.

         코드에 </div> 한줄이 빠진걸 발견해서 넣었다.

         index.html에서 수업이랑 똑같은 부분에 id="cards-box"를 넣고 index.js에서 temp_html을 append 하려했는데 그 부분에서 에러가 뜬다.

         ---> 수업이랑 다르게 index.html안에서 안 하고 index.js에서 해서 그런가?

         ===>상관없어서 따로 뭘 더 해야하는건 없다고 한다. 근데 왜 여기서 에러 ㅜㅠ

         rows.forEach도 그냥 console로 출력할 때는 잘 되는데 temp_html 부분을 추가하면 에러가 뜬다.

         수업에선 크롤링으로 영화 포스터 이미지를 넣는데 팀프로젝트는 사용자가 입력한 url을 넣어야한다.

         모달의 이미지 등록 부분에서 가져와야하는건지 몽고DB에서 가져와야하는건지 모르겠다.

         MongoDB에 저장하기로 했다.

         코딩을 했는데 모달 부분에서 등록하기 버튼으로 MongoDB에 올리는거라 잘 되는건지 확인을 못했다.

         깃허브데스크탑으로 main에서 최신버전을 가져와야하는 것 같다.

         모달에선 아무것도 동작하지 않는다.

         MongoDB에서 하나만 수작업으로 이미지url을 등록했다.

         어제 성공했던 몇줄 read_member()로 mongodb의 m_url이 잘 불러와진다.

         rows.forEach a이걸로 반복하지 말고 두번째 member_info로만 확인하고 싶은데 까먹었다.

         수업에선 array라고 console에 나온는데 나는 object라고 나온다.

         검색해보니 array는 순서가 있어서 sort할 수 있는데 object는 아니라고 나온다.

         완전 앞에 강의도 다시 봐야겠다.

         우리 팀은 5명인데 맨 처음에 플러스만 있는 빈 카드가 5개 있고 각자의 정보를 채우는건지 플러스빈카드 한개만 있는 화면에서 플러스빈카드는 맨 앞에 고정되거나 아님 뒤로 한칸씩 계속 밀리고 정보를 입력한 멤버카드가 추가되는건지 모르겠다.

         ===>하나씩 밀리는거!

12:00 점심

12:50 어제보다 길어서 오전 TIL을 썼다.

14:00 튜터님 없이 집중 시간

          깃허브데스크탑 일단 브랜치 jean은 제대로 만들어진게 맞는 것 같다.

14:50 팀장님이 가르쳐주신 코드로 에러는 안뜨게 됐다.

          처음에 그냥 코드 문자들이 그대로 페이지 로고에 나와서 밑에 멤버 카드들로 옮겼다.

          밑에 멤버카드 부분에서 글자들이 쭉쭉쭉쭉 나온다.

15:40 바닐라 자바스크립트? 뭔진 모르겠지만 검색해서 나온걸 복붙해서 돌려봤더니 된다. 다행! "beforeend" 이게 특히 왜 필요한지 모르겠다. 나중에 질문해야겠다. 일단은 해결.

          이미지 url 가져오기를 구글검색 고객센터 답변대로 따라했는데 안됐다. 

          새창으로 이미지 열기에서 복사하고 붙여넣으니까 된다.

15:50 .empty() 한줄이 안된다. 검색해봐야겠다.

          +카드 하나는 남겨야할텐데... 모르겠다. 일단 empty()부터 해결해야겠다.

          jQuery, 바닐라 javascript 뭐가 있다. 이것도 나중에 더 자세히 검색해보든가 수업에서 찾아봐야겠다.

16:00 팀장님이랑 지금까지 한걸 상의하고 +카드 하나를 forEach 밖에 넣기로 했다.

          팀장님이랑 깃허브데스크탑에서 jean2 branch를 만들고 업데이트된 파일들을 받았다.

17:00 아까 멤버카드 출력하기 성공했던거를 새로 받은 파일들에 붙여넣었다.

          또 에러 막 뜨고 안 돌아가서 답답했는데 Open with Live Server 말고 localhost:5000를 쳐서 들어갔더니 해결됐던 것 같다.

         모르겠다. 이것저것 건드리니까 결국 됐다.

         +카드 빼고 앞에 멤버카드들만 <div></div>로 구분해서 id를 주고 거기만 empty()시키고 append하려고 해봤는데 이상해졌다. 이 방법은 포기하고 다시 팀장님이랑 얘기한 방법으로 돌아갔다.

18:00 결과적으로는 원하는 모양대로 +카드가 나오게 만들긴 했는데 코드를 저렇게 짜면 안될 것 같다.

          식사 후 다시 구글링해봐야겠다.

20:00 일단 출력되는건 원하는대로 나오니까 넘어가고 몽고DB에 올리는걸 연동하기로 했다.

          강의를 보면서 따라했는데 에러가 떴다.

          아까 내가 복붙해넣어서 그 부분의 코드를 바꿔야하는 것 같다.

          등록하기 버튼은 그냥 눌러도 무조건 오류가 난다.

          검색해보니 클라이언트쪽 문제라는데 모르겠다.

21:00 오류 화면을 공유했다.

          강의 내용대로 적용한 것 같은데 왜 안될까.

          이미지 등록하기 버튼에서는 함수와 연결이 잘 된다.

          그런데 input 부분의 value를 가져올 수가 없다.

          강의에선 jQuery로 $랑 .val()를 써서 가져오는데 javascript는 따로 검색해서 .value, .innertext, .textcontent등등을 시도해보고 앞의 let도 const로 바꿔보고 했지만 안된다.

          id만 지정하면 오류 없이 'null'로 몽고DB에 업로드 되긴 한다.

          복붙하지말고 어떻게 하지?

          jQuery의 .empty()와 같은 ""를 썼기 떄문에 전부 다 없어져버린다.

          for문을 n-1번 반복하면 +카드는 남길 수 있지 않을까?

          n을 못 구하겠다.

          임의로 숫자를 넣어서 했는데 배찌와 다오만 총 2번 지우면 될 줄 알았더니 팀멤버수만큼 지워야한다. 왜???

24:00 아이고 모르겠다.

 

전체적으로 수업에선 jQuery를 쓰는데 팀프로젝트에선 못쓰는 것 같다.

jQuery를 내일 더 알아봐야겠다.