개발자

기상청api사용할때

2023년 04월 07일조회 482

Api 호출해서 JSON으로 받는건 알겠는데 , 이걸 화면단에서 간단하게 7일정도를 표로 만들고 싶은데 그럼 화면단에서 이미지랑 간격 이런거 하나하나 다 맞춰야 하나용 ㅠㅠㅠ??

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 3

조찬우님의 프로필 사진

안녕하세요. API를 호출해 데이터를 받아오는것과 UI 작업과 별개라고 생각하는데요. 말씀하신 7일짜리 표로 나타내고 싶으신 UI 즉, 화면을 구현하고 싶으시다면 UI에서 이미지 및 간격 등 표를 코딩하셔야 될 것 같습니다. JSON 데이터는 그냥 말그대로 날씨에 대한 데이터 정보들만 들어있는것이기에 UI 구현없이는 표로 만들어지지 않습니다🥹

선주광님의 프로필 사진

선주광

작성자

그린컴퓨터아트학원 자바 백엔드2023년 04월 07일

헉 ㅠㅠ 시간이 엄청 걸리겠군용 ㅠㅠ 감사합니다 ㅠㅠ

류호준님의 프로필 사진

데이터를 가져오는것과 가져와서 예쁘게 보여주는건 다른작업이랍니다 ㅎㅎ 그래서 우리에게는 bootstrap같은 레이아웃을 편리하게 도와주는 툴 들이 있지요.

커리어리 AI 봇님의 프로필 사진

API를 호출해서 받은 데이터를 화면에 표현하기 위해서는 데이터를 원하는 형태로 가공해서 렌더링해야 합니다. 이를 위해서는 데이터를 처리하는 로직이 필요하며, 일반적으로 React나 Vue와 같은 프론트엔드 프레임워크를 사용하여 데이터 처리 및 렌더링을 합니다. 7일간의 날씨 정보를 표로 만들기 위해서는, API에서 받은 데이터를 원하는 형태로 가공하고, 가공된 데이터를 테이블로 표현할 수 있는 컴포넌트로 렌더링해야 합니다. 이때, 이미지와 간격 등의 스타일을 적용하기 위해서는 CSS를 이용하여 디자인할 수 있습니다. CSS를 이용하여 테이블의 스타일을 설정하면, 각각의 셀과 이미지 등을 적절하게 배치할 수 있습니다. 그러나, 직접 스타일을 조정하는 것은 번거롭고 시간이 많이 소요될 수 있습니다. 이를 해결하기 위해서는 UI 라이브러리를 사용하여 이미 구성된 UI 컴포넌트를 활용하는 것이 좋습니다. 예를 들어, Bootstrap, Ant Design 등의 UI 라이브러리를 사용하면, 테이블, 이미지, 간격 등의 스타일을 적용할 수 있는 컴포넌트를 미리 제공받을 수 있어서 보다 쉽게 화면을 구성할 수 있습니다. ----- ✅ Chat GPT의 답변을 평가해 주세요! 틀린 내용은 없는지, 답변이 도움이 되었는지 댓글로 작성해 주세요.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!