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

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

2025/06/28 2

API 공부하기 - api명세서와 스웨거Swagger가 뭘까 ?

프로젝트에서 슬슬 UI작업이 끝나가고, 백엔드쪽에서 완성되는 명세서를 확인하고 공부해야 할 필요가 생겼다.우리 팀원들이 모두 출중해서,,,, 이미 프론트엔드에서 많은 경험들이 있으신데 다들,,,그 분들께서 나누는 대화에서 생소한 단어들이 많아서.. 메모해두었다가, 혼자 이렇게 다시 공부한다 .. 📝✏️ 이번엔 "스웨거~ 확인해보세요 / 명세서가 왜 이렇지 ?! (ㅋㅋㅋㅋ) "하는 대화들을 듣고.. 나도 api 받아오고 해야 할 작업들이 있기에, 한번 공부해보기 !프론트 vs 백엔드: 역할 먼저!프론트엔드 = 사용자한테 보이는 화면 만드는 사람 백엔드 = 서버에서 로그인 처리, 데이터 저장 이런 거 하는 사람예시 상황: "로그인 화면 만들기"너는 로그인 화면을 만들고 있어!이제 로그인 버튼 누르면 백엔드..

카테고리 없음 2025.06.28

리액트 공부하기 - 모달 만들기

모달에 대한 뭔가 알수없는 공포(?)가 있었다 ㅋㅋ이번에 쉬운 예제로써 한번 경험해보고 어렵지 않다는걸 알았다초보분들도 이해할 수 있게 참고할 수 있게 정리해보기우선, 예제 연습 시작 전에 간단히 개념을 짚고 모달에서 어떤것이 중요한지 알고 넘어가기 🐰1. 모달이란? (원리부터 이해하기)모달은 화면 위에 덮어씌우는 작은 창! 보통 배경은 어둡게 흐리게(반투명) 만들고,중앙에 내용이 팝업처럼 뜨지.사용자가 모달 안의 작업을 하거나 확인을 하면 모달이 닫혀.그래서 모달이 뜨고 안 뜨는 상태를 관리하는 게 중요해.2. 모달 동작 원리모달을 보여줄지 말지를 결정하는 상태(state) 가 필요해.상태가 true면 모달 보이고, false면 모달 숨김.버튼 같은 걸 누르면 상태가 바뀌면서 모달이 열리고 닫히는 것..

Studying/React 2025.06.28