Studying/개인 프로젝트 2

개인 프로젝트 - 날씨 앱 (4) 검색 결과 도시 페이지로 이동 및 API 호출하기, 추천 옷/음악 공통 컴포넌트 만들기

시작 전에.. 로고를 클릭하면 메인페이지로 이동하게 하는 코드 return( W E A T H E R )스타일을 입혀서, 하이퍼링크 스타일 없애줌..해당 게시글에서의 구현 목표는,검색창에 검색 하면 디테일 페이지에서 사용자가 검색한 도시의 날씨 디테일을 보여주는 것 ✎ 혼자 고민해본 흐름더보기1. 우선 인풋창에 입력 되는 값을 상태로 저장한다. 2. 그리거 버튼을 눌렀을 때 -> 인풋창 값으로 url을 그 값으로 바꾸면서 디테일로 이동하는 navigate3. 그리고 디테일 페이지에서 useParams를 써서 그 도시 이름을 받아와서 API 호출 한다 ..

개인 프로젝트 - 날씨 앱 (3) 특정 도시 날씨 (메인페이지구성)

개인 프로젝트 - 날씨 앱 (2) 현재 위치의 날씨 받아오기 (메인페이지구성)개인 프로젝트 - 날씨 앱 (1) 현재 위치 받아오기날씨앱 메인페이지에서 구현 할 내용이, 내가 있는 위치의 날씨 정보 이므로, 현재 위치를 우선 알아야 한다.그 과정에 필요한 내용.날씨 앱 말고creamymood.tistory.com앞 게시글에서 이어집니다. 앞 게시글에서, 메인페이지에서의 현재 지역 위치 날씨 칸은 구현 완료 했다. 해당 게시글에서의 구현 목표는1.(7)~(9)번 특정 나라의 온도 API를 받아온 뒤 렌더링 한다.2. 예쁘지 않은 css..니까, 더 자주 쳐다보고 싶게 조금은 디자인적 요소를 추가해본다.3. (11)번의 도시 검색창을 만들어준다.1. 특정 나라의 온도 API를 받아온 뒤 렌더링우선, Ope..