jjhgwx

Have you ever had these concerns?
I’ve learned React, but I don’t know what to actually build.
I want to create a portfolio, but I can’t think of anything besides a Todo app.
Map APIs or Public APIs seem difficult, so I haven’t even tried them.
I’ve never deployed anything, so it always ends as a “local project.”
The code is getting more complex, and I don’t know how to design the architecture.

🎯 Problems this course solves
This course isn’t just about showing you how to display a map.
✔ How to connect Public APIs to a real service
✔ How to stably design Map SDKs within a React structure
✔ Marker optimization and reusable InfoWindow structures
✔ State management design using Context
✔ Practical application of Tailwind + SCSS
✔ GitHub organization and Vercel deployment

I will teach you how to design with a real service structure, not just "implementing features."

💡 This is not a "just follow along" course

Why we use useRef
Why you shouldn't create new markers every time
Why you need to separate state
Why environment variables must be managed separately in production

There is a reason for every choice.

This course explains those "reasons."

🚀 After taking this course, you will:
Complete one map-based portfolio project
Gain experience integrating Public APIs
Understand the structure of attaching external SDKs to React
Gain experience in designing professional-grade project structures
Have deployment experience

And you’ll be able to say this in an interview:
“I personally designed and deployed a map service based on Public APIs.”
This one sentence makes a huge difference.

👩‍💻 Recommended for:

Those who know basic React syntax but lack project experience
Those who want to build a portfolio for employment
Those who wanted to try a Map/Public API project
Those who want to learn design patterns close to real-world practice

🔥 The Goal of this Course

This course is not about “how to make a map,” but about learning the “mindset of designing a service.”

lizb

Complete Real-World React Portfolio – Building a Public API + Map Service (Including Deployment)

리액트

react

react공공api연동지도

Tailwindcss

tailwindcss

github

vercel

이런 고민, 해보신 적 있나요?
React는 배웠는데 막상 무엇을 만들어야 할지 모르겠다
포트폴리오를 만들고 싶은데 Todo 앱 말고는 떠오르지 않는다
지도 API나 공공 API는 어려워 보여서 시도조차 못 해봤다
배포까지 해본 적이 없어 항상 “로컬 프로젝트”로만 끝난다
코드가 점점 복잡해지는데 설계를 어떻게 해야 할지 모르겠다
🎯 이 강의가 해결해 주는 문제
이 강의는 단순히 지도를 띄우는 법을 알려주는 강의가 아닙니다.
✔ 공공 API를 실제 서비스에 연결하는 방법
✔ 지도 SDK를 React 구조 안에서 안정적으로 설계하는 방법
✔ 마커 최적화와 인포윈도우 재사용 구조
✔ Context를 활용한 상태 관리 설계
✔ Tailwind + SCSS 실전 활용
✔ GitHub 정리 및 Vercel 배포까지

“기능 구현”이 아니라 실제 서비스 구조로 설계하는 방법을 알려드립니다.
💡 단순 따라치기 강의가 아닙니다

왜 useRef를 쓰는지
왜 마커를 매번 새로 만들면 안 되는지
왜 상태를 분리해야 하는지
왜 배포 환경에서는 환경변수를 따로 관리해야 하는지

모든 선택에는 이유가 있습니다.

이 강의는 그 “이유”를 설명합니다.

🚀 수강 후 여러분은 이렇게 됩니다
지도 기반 포트폴리오 프로젝트 1개 완성
공공 API 연동 경험 확보
외부 SDK를 React에 붙이는 구조 이해
실무형 프로젝트 구조 설계 경험
배포 경험 보유

그리고 면접에서 이렇게 말할 수 있습니다.
“공공 API 기반 지도 서비스를 직접 설계하고 배포해봤습니다.”
이 한 문장이 큰 차이를 만듭니다.

👩‍💻 이런 분들께 추천합니다

React 기본 문법은 알고 있지만 프로젝트 경험이 부족한 분
취업용 포트폴리오를 만들고 싶은 분
지도/공공 API 프로젝트를 해보고 싶었던 분
실무에 가까운 설계를 배우고 싶은 분

🔥 이 강의의 목표

이 강의는 “지도 만드는 법”이 아니라“서비스를 설계하는 사고방식”을 배우는 강의입니다.


LIZ.B

입문

초급

중급이상

React

RESTful API

REST API

웹 API

Web API

깃헙

GitHub

실전 React 포트폴리오 완성 – 공공 API + 지도 서비스 만들기 (배포까지)