내배캠 TIL 2022.11.24

오늘 목표

날씨 아이콘 뜨게 하기

마이페이지 디자인 바꾸기(웹 퍼블리싱 강의듣기)

 

오늘 한일

09:00am ~ 10:40am : 날씨 아이콘 구현(성공)

10:40am ~ 12:10pm : 웹 퍼블리싱 강의

12:10pm ~ 02:00pm : 매니저님과 상담, 서브웨이 샌드위치 먹고 쉼

02:00pm ~ 02:40pm : 팀 회의

02:40pm ~ 04:00pm : 날씨에 gps 연동(성공)

04:00pm ~ 07:30pm : 로그인 창 보이게 안보이게 오류 해결(실패)

07:30pm ~ 09:20pm : 파이어베이스 부분 병합(진행 중)

 

 

 

 

날씨 아이콘 번호

https://openweathermap.org/weather-conditions

Weather Conditions - OpenWeatherMap

 

이미지를 직접 다운 받을 경우에는 switch break문을 이용할까 했는데 

api에서 주는 아이콘 번호랑 이미지 url 주소랑 연동이 되어서 일단은 그렇게 해놓았다.

 

웹퍼블리싱 강의

자동 줄 정렬: ctrl + K + F 

 

javascript => jquery

document.getElementById('btn').addEventListener('click', function () {
      alert('버튼 클릭 이벤트');
    })

 

   $('#btn').on('click', function () {
      alert('버튼 클릭 이벤트');
    })

document => $

getElementById => #

addEventListener => on

 

트랜지션

javascript vs css 

 

gps 받아와서 날씨가져오기

 

mdn geolocation에 대한 내용

https://developer.mozilla.org/ko/docs/Web/API/Geolocation_API/Using_the_Geolocation_API

지대한 도움을 주신 페이지

https://gaemi606.tistory.com/entry/JS-%EC%9C%84%EC%B9%98-%EC%A0%95%EB%B3%B4%EB%A5%BC-%ED%86%B5%ED%95%B4-%ED%98%84%EC%9E%AC-%EB%82%A0%EC%94%A8-%EB%B0%9B%EC%95%84%EC%98%A4%EA%B8%B0-Weather-API

JS | 위치 정보를 통해 현재 날씨 출력하기 ( geolocation / Weather API )

 

git 

 

 

여러사람 작업한 브랜치 머지하는 방법

https://cheonmro.github.io/2019/04/13/merge-branches/

여러 사람이 작업한 branch를 merge하는 방법

원격의 특정브랜치를 clone 하는 법

git clone -b <branchname> <remote-repo-url>

 

원격의 특정 브랜치를 pull하는법

git pull origin <branch name>

 

vs코드로 병합 충돌해결 참고사이트 

https://learn.microsoft.com/ko-kr/visualstudio/version-control/git-resolve-conflicts?view=vs-2022