귀여운 눈높이에서 작성된, 🐰

하루 한 걸음씩, 성장 하는 중 입니다 🫶🏻

2025/07/05 2

API 공부하기 - 공부 및 큰 틀 공부하기

API란 무엇일까요? **API(Application Programming Interface)**는 애플리케이션들이 서로 소통할 수 있도록 돕는 매개체이자 약속입니다. 쉽게 비유하자면, 식당에서 손님이 메뉴를 보고 주문하면 주방장이 요리해서 가져다주는 과정과 같아요. 여기서 손님은 프론트엔드, 주방장은 백엔드, 메뉴판이 API, 주문하는 행위가 API 요청, 요리가 API 응답이라고 생각하시면 됩니다.프론트엔드 개발자는 API를 통해 백엔드(서버)에 데이터를 요청하거나, 데이터를 저장하거나, 수정하거나, 삭제하는 등의 작업을 수행합니다. API 통신의 기본 흐름 프론트엔드와 백엔드의 API 통신은 주로 다음과 같은 흐름으로 이루어집니다.클라이언트(프론트엔드)가 서버(백엔드)에 API 요청을 보냅니다. (..

Studying/API 2025.07.05

리액트 공부하기 - 스타일 캡슐화 (부모 컴포넌트 영향 안받고 자식 컴포넌트 디자인..)

나름의 trouble shooting 📸 !! 팀장님 잠시 휴가 기간 동안, 새로 구현해야 할 UI가 있어서 했는데팀장님 오신 뒤 헤더에 합쳐줘야 하는 상황이었다. 한마디로, 새로운 부모 요소 안에, 내 컴포넌트를 집어넣어야 하는 상황! 그랬더니 🚨 문제 상황 발생 ! 🚨그 부모 요소의 CSS로 내 컴포넌트가 바뀌는 것.. 내 컴포넌트는 모달 이었는데..멘토님이 모달 쓸 때, 포탈은 지양 하라고 하셔서 어떻게 스타일 분리를 해야하나 고민했다... 팀장님 코드라서, (아직)내가 읽고 수정하기는 어렵고,그 때 지피티의 조언 🧚‍♀️ 🐰스타일 캡슐화🐰 를 해봐! 그러니까, 한마디로. 부모 요소에 지정되어 있든 말든, 그냥 자식 요소에서 필요한 디자인을 다시 지정 해주라는 것 !이렇게 하고 나니까..

Studying/React 2025.07.05