반응형 API3 ⑧ 웹앱에서 JSON은 어떻게 사용될까? API 데이터를 이해하는 가장 쉬운 방법 API 다음에 JSON을 이해해야 하는 이유앞선 글에서 API를 설명하면서 웹앱이 외부 서버와 요청(Request)과 응답(Response)을 주고받는 과정을 살펴봤습니다.그렇다면 한 가지 질문이 남습니다.API가 데이터를 주고받는다면, 그 데이터는 어떤 형태로 전달될까요?웹 개발을 처음 접하면 이 부분에서 JSON이라는 용어를 만나게 됩니다. API 문서를 확인하거나 AI에게 코드를 만들어 달라고 요청했을 때도 JSON이라는 표현이 반복해서 등장합니다.JSON은 JavaScript Object Notation의 약자로, 구조화된 데이터를 표현하기 위한 텍스트 기반의 데이터 교환 형식입니다. 국제 인터넷 표준인 IETF의 RFC 8259에서는 JSON을 가볍고 텍스트 기반이며 특정 프로그래밍 언어에 .. 2026. 8. 13. AI 웹앱 제작기 ⑦API란 무엇일까? 웹앱은 데이터를 어떻게 주고받을까? 웹앱을 만들다 보면 반드시 만나게 되는 단어, API웹앱을 만들기 시작하면 생각보다 자주 보게 되는 단어가 있습니다. 바로 API(Application Programming Interface)입니다.회원가입 기능을 만들 때도 API가 필요하고, 날씨 정보를 가져올 때도 API가 필요합니다. AI와 대화하는 기능을 넣으려 해도 API를 사용해야 합니다.처음에는 API가 마치 개발자만 사용하는 어려운 기술처럼 느껴질 수 있습니다. 하지만 실제로는 우리가 매일 사용하는 서비스 대부분이 API를 통해 연결되어 있습니다.예를 들어 카카오 로그인, 구글 지도, 결제 시스템, 날씨 앱, ChatGPT까지 모두 API를 기반으로 동작합니다.이번 글에서는 API가 정확히 무엇인지, 웹앱은 어떤 방식으로 데이터를 주고받는.. 2026. 8. 11. 웹앱은 어떻게 동작할까? 프론트엔드와 백엔드를 이해하면 개발이 쉬워진다 웹앱을 처음 만들기 시작하면 가장 많이 듣는 단어가 있습니다. 바로 프론트엔드, 백엔드, 그리고 API입니다.저도 처음 AI와 함께 웹앱을 만들기 시작했을 때는 이 단어들이 어렵게 느껴졌습니다. ChatGPT나 Claude가 코드를 만들어 주는데도, 막상 오류가 발생하면 어디를 수정해야 하는지 알 수 없었습니다.며칠 동안 직접 만들고 수정하는 과정을 반복하면서 한 가지를 깨달았습니다.웹앱은 하나의 프로그램이 아니라 여러 역할이 동시에 움직이는 구조라는 점입니다.오늘은 실제 웹앱을 만들면서 가장 먼저 이해해야 하는 '큰 그림'을 이야기해 보려고 합니다. 웹앱은 화면 하나로 만들어지지 않는다쇼핑몰에서 상품을 주문한다고 생각해 보겠습니다.상품을 장바구니에 담고 결제를 완료하면 주문 내역이 저장됩니다.몇 시간 .. 2026. 7. 21. 이전 1 다음 반응형
