오늘 자 To-do list
날씨 이미지 도출하기 (날씨 이미지를 어떻게 가져올지)옷차림 이미지 도출하기 (동일)- 백엔드와 통신하는 법 (내일 정규회의 전 1주차 과제 부분 시도하기-api 통신)
- 내일 회의 안건 정리 (로그인 파트)
- 로그인 파트 프론트 역할 분배
- 다수의 이미지를 사용할 때
src폴더에 다 저장하여 사용해야하는지 아니면 다른 방법이 있는지 ?
1) src폴더에 이미지를 넣고 접근하는 방법
2) CDN이나 외부 서버에 호스팅하는 방법
-> 익숙한 (1) 방법 선택 !
대신 그만큼 Import가 늘어나기 때문에 image.js 파일을 만들어
그 안에 이미지 전부를 import해두고, export해서
사용하는 파일에는 아래처럼 2줄로 해결할 수 있게 하였음
import { cloudy, sunny } from "./image";
import { cardigan, raincoat } from "./image";- 날씨의 경우 )
(기존) 이미지 사용
(변경) 백엔드 api에서 weather.icon을 받아 url로 icon 가져올 예정
https://openweathermap.org/weather-conditions
- 옷차림 도출을 위한 가정문 만들기 )
mock data에서 온도가 20인데 패딩 이미지가 나오길래 왓더.. 였는데
가정문을 잘못 쓴 거 였음....
yup it's my bad ... mistake
위 이미지처럼 2개 조건을 한 행에 작성할 수 없음
->
TEMPERATURE < 23 && TEMPERATURE >= 20
이렇게 연산자로 묶기
(수정 결과)
-- 겹치는 구간 정리해서 최종 가정문 !
오예에에에에
날씨 / 옷차림 완료 ✔️
프론트엔드와 백엔드 맞춰보는 방법 ?
-
백엔드 서버가 실행이 되어있어야 함
-
도메인 이름 / ip 주소가 필요함 (서로 다른 노트북에서 작업 시)
ex) http://192.168.0.10:5000/api 같은 ip주소 필요 -
내일 회의 진행하면서 해보는 걸로 하겠음
ㅡ 프론트 팀원분이랑 간단히 회의하고 마무리
! draoba emoclew ←