팀원 브랜치로 넣은 내 code 오류

• 사진 깨짐 - 경로 오류
• 텍스트 줄 맞춤 틀어짐 - 오류 알아보기

팀원 브랜치로 넣은 내 code 오류 수정 해결

• 사진 깨짐 - 경로 수정으로 오류 해결

<div class="jhSlidesbackground">
	<div class="jhmySlides fade">
	<img src="/images/pt1.jpg" class="jhslideshow-image">
	</div>
	<div class="jhmySlides fade">
	<img src="/images/pt2.jpg" class="jhslideshow-image">
	</div>
	<div class="jhmySlides fade">
	<img src="/images/pt3.jpg" class="jhslideshow-image">
	</div>
</div>

• 텍스트 줄 맞춤 틀어짐 - div 감싸져있는게 빵꾸나있고 이상해서 감싸주기 수정으로 오류 해결 (코드 일부)

                                  <select class="form-select" aria-label="Disabled select example" disabled>
                                      <option selected>[자신]에 대한 설명 및 MBTI</option>
                                  </select>
  
                                  <input class="form-check-input" type="checkbox" value=""
                                      id="flexCheckCheckedDisabled" checked disabled>
                                  <label class="form-check-label" for="flexCheckCheckedDisabled">
                                      나는 ENTJ!
                                  </label>
                                  <div class="form-check">
                                      <input class="form-check-input" type="checkbox" value="" id="flexCheckDisabled"
                                          disabled>
                                      <label class="form-check-label" for="flexCheckDisabled">
                                          통솔자(ENTJ)는 타고난 지도자라고 할 수 있습니다. 라고 하네요🤷
                                      </label>
                                  </div>
                              </div>
  
                              <br>
       

• +글자 간격, 전체 글자 띄움 등 디자인 추가
  

PAGE2의 버튼은 도형이 아닌 BUTTON으로 제작 해야함 -수정

표(TABLE) 안에서 도형이 아닌 버튼이 너무 제멋대로 움직여서 표를 삭제하고 큰 틀만 주고 그 안에서 각 버튼의 CSS로 위치를 대충 잡아주었다…

<button onclick="Buttonreload(this.id)" id='member1'>
                <img id='pic1' src="https://images.imyfone.com/kr/assets/article/change-location/pokemonster-ditto.jpg"
                    , width="200px">
            </button>

근데 팀원 분이 참고하라고 준 버튼 코드를 그대로 갖다 붙혀서… 혼…났따…

여기서 호버 이슈가 있어서 CSS가 아닌 HTML에서 명령어로 해보려고 했는데 이해도 안가고 잘 안됨… 엄청 현타오고 멍타고 힘들었다 -계속 시도해보기…

PAGE2 맡은 다른 팀원분이 그냥 CSS 호버로 다 적용했다고 해서… 그럼 빨리 다음 단계로 넘어가기 위해 푸시 부탁드림… → PAGE2 완성 된건지 아직 말씀 없으심.. → 올리셨다는데 나만 바뀐게 안보이는 것 같음 ㅜㅜ

좀 더 기다려서 확인 가능 깃헙 네트워크가 늦는 것 같다…(?)

PAGE2의 이미지가 포함된 BUTTON 을 클릭하면 다른 이미지가 보이는 BUTTON 생성

• 조건문, 스위치, 변수… 등 이미지 삽입 돼있는 버튼을 클릭하면 다른 이미지의 버튼으로 바꾸는 법
  

팀원 분이 열심히 알려주시고 여러가지 링크도 첨부해주셨는데,, 죄송해요.. 아직도 모르겠어요…

• 팀원분이 주신 링크
  • 변수 조건문 https://nbcamp.gitbook.io/java-handbook/part-01.-hello-world/undefined
  • 마우스 오버, 아웃 기능 https://wecanit.tistory.com/19
    
  • 비교대상 변수, 케이스 넣어서 쓸 수 있음 https://prosto.tistory.com/119
    
  • 변수 조건문 https://nbcamp.gitbook.io/java-handbook/part-01.-hello-world/undefined
    
• 팀원분 말씀
  • 이런 식으로 태그 내에 함수 지정해주시고

    그럼 제가 하던 것처럼 할 때 onclick 대신 <div id="test" onmouseover="mouse_over()" onmouseout="mouse_out()">
    마우스 <br>테스트<br> 영역

  • 이거 사용하셔서 switch문 돌리면 좋을 거 같아요

    var id_check = $(this).attr("id");

  • if는 조건문을 일일히 써야… if(id ="member1") 실행문 else if( id="member1") 실행문
    
  • id값만 비교할 거면 더 쓰기 쉬운 ㄱㅔ 스위치 switch(비교대상변수){ case "member1" : member1일때 실행문
    

DB도 해야하고 하고 있는 작업도 틈틈히 정리해야하고… 오늘 너무 정신없고 집중하려고 해도 다른 이슈가 막 생기고 내가 너무 한거 없고 그래서 오늘은 너어무나 힘겹다…

댓글 추가, 저장, DB활용 열기

pip install pymongo dnspython flask requests python app.py

• DB 이용하여 댓글 저장
• DB 데이터 공유 한 명이 대표로 확인하고… 다른 사람들이 같이 확인하고 오류 같이 찾아주기 식으로 진행
• 마지막에 터미널에 필요한 프로그램 pip 설치 해주고 댓글 적히는 것 확인…
• 내가 놓친 것들 : 버튼 누르면 보이는 페이지 바뀌는, 댓글창, CSS가 아닌 명령문으로 변화주기(ONCLICK 등…), DB데이터

나도 DB 과정 빡빢하게 참여 했어야 했는데… 다른거 이해하려고 애쓰다가 많이 놓침…
시간 내서 해봐야지 ㅠㅠ

PAGE2에서 사진 클릭하면 PAGE3의 개인 카드로 지정돼서 이동하기

• 사람1의 버튼을 클릭해서 페이지가 넘어가고 PAGE3의 사람1 개인카드가 보여야 하는데 안됨
• 사용해본 코드

  <button type="button" class="btn1" onClick="location.href=' '" id='member1'>
                              </button>

• ‘ ‘ 안에 teamcard#id class id 넣으면 된다고 하는데, 난 안됨…(로컬 서버 같이 열어둬야 한다고 함!)
• 페이지 이동

  • https://velog.io/@cnsrn1874/HTML-간-데이터-전송

  • https://coding-restaurant.tistory.com/280

    페이지 이동하실 때 teamcard.html 에 변수 보낼 수 있는데,

  1. 변수 보낼 때 member1 이런 member id값 보내기
  2. 그 값 페이지에서 받기
  3. 받은 이후 Buttonreload 함수 호출하면서 매개변수로 member id값 넣기
  4. 까지만 하면 알아서 카드 새로고침 될 거예요!

로컬 서버 여는 것도 모르겠음.. 팀원분이 말씀하신 teamcard.html 에 변수 보내기를 사용해야 할 것 같은데 난 모르겠음…

오늘 뭐 했는지 모르겠어…
내 것만 어떻게든 제대로 만들었던거 수정하고…
다른건 다 하려고 했던거 안돼서 오늘 하루종일 뭐가 안된 날임…
진짜 이런 날은 진짜 너무 힘들고 피곤하고 눈 빠질 것 같고 난 아무것도 아닌거 같다…
올려주신 스위치? 조건문? 좀 보면서 이해하고 나머지 공부하고… 바나나우유 먹어야지~!
내일은 2page → 3page 지정된 카드 넘어가는 것 까지 하고 완성시키고, 영상에 필요한 대본, 영상 찍고 발표에 필요한 내용으로 대본? 짜거나 회의 할 듯,, 화이팅………ㅜㅜ