201009 / 날씨 ・ 옷차림 이미지 도출하기, 백엔드와 통신하는 법

Eunsuk Noh·2024년 11월 20일
post-thumbnail

오늘 자 To-do list

  1. 날씨 이미지 도출하기 (날씨 이미지를 어떻게 가져올지)
  2. 옷차림 이미지 도출하기 (동일)
  3. 백엔드와 통신하는 법 (내일 정규회의 전 1주차 과제 부분 시도하기-api 통신)
  4. 내일 회의 안건 정리 (로그인 파트)
  5. 로그인 파트 프론트 역할 분배

  • 다수의 이미지를 사용할 때
    src폴더에 다 저장하여 사용해야하는지 아니면 다른 방법이 있는지 ?
    1) src폴더에 이미지를 넣고 접근하는 방법
    2) CDN이나 외부 서버에 호스팅하는 방법
    -> 익숙한 (1) 방법 선택 !
    대신 그만큼 Import가 늘어나기 때문에 image.js 파일을 만들어
    그 안에 이미지 전부를 import해두고, export해서
    사용하는 파일에는 아래처럼 2줄로 해결할 수 있게 하였음
import { cloudy, sunny } from "./image";
import { cardigan, raincoat } from "./image";
  • 옷차림 도출을 위한 가정문 만들기 )

mock data에서 온도가 20인데 패딩 이미지가 나오길래 왓더.. 였는데
가정문을 잘못 쓴 거 였음....
yup it's my bad ... mistake

위 이미지처럼 2개 조건을 한 행에 작성할 수 없음
->
TEMPERATURE < 23 && TEMPERATURE >= 20
이렇게 연산자로 묶기

(수정 결과)

-- 겹치는 구간 정리해서 최종 가정문 !

오예에에에에
날씨 / 옷차림 완료 ✔️


프론트엔드와 백엔드 맞춰보는 방법 ?

  • 백엔드 서버가 실행이 되어있어야 함

  • 도메인 이름 / ip 주소가 필요함 (서로 다른 노트북에서 작업 시)
    ex) http://192.168.0.10:5000/api 같은 ip주소 필요

  • 내일 회의 진행하면서 해보는 걸로 하겠음


ㅡ 프론트 팀원분이랑 간단히 회의하고 마무리
profile
! draoba emoclew ←

0개의 댓글