쉽게 배우고, 포트폴리오로 만드는 반응형 웹! #설화수

이런 고민, 해보신 적 있나요? React는 배웠는데 막상 무엇을 만들어야 할지 모르겠다 포트폴리오를 만들고 싶은데 Todo 앱 말고는 떠오르지 않는다 지도 API나 공공 API는 어려워 보여서 시도조차 못 해봤다 배포까지 해본 적이 없어 항상 “로컬 프로젝트”로만 끝난다 코드가 점점 복잡해지는데 설계를 어떻게 해야 할지 모르겠다 🎯 이 강의가 해결해 주는 문제 이 강의는 단순히 지도를 띄우는 법을 알려주는 강의가 아닙니다. ✔ 공공 API를 실제 서비스에 연결하는 방법 ✔ 지도 SDK를 React 구조 안에서 안정적으로 설계하는 방법 ✔ 마커 최적화와 인포윈도우 재사용 구조 ✔ Context를 활용한 상태 관리 설계 ✔ Tailwind + SCSS 실전 활용 ✔ GitHub 정리 및 Vercel 배포까지 “기능 구현”이 아니라 실제 서비스 구조로 설계하는 방법을 알려드립니다. 💡 단순 따라치기 강의가 아닙니다 왜 useRef를 쓰는지 왜 마커를 매번 새로 만들면 안 되는지 왜 상태를 분리해야 하는지 왜 배포 환경에서는 환경변수를 따로 관리해야 하는지 모든 선택에는 이유가 있습니다. 이 강의는 그 “이유”를 설명합니다. 🚀 수강 후 여러분은 이렇게 됩니다 지도 기반 포트폴리오 프로젝트 1개 완성 공공 API 연동 경험 확보 외부 SDK를 React에 붙이는 구조 이해 실무형 프로젝트 구조 설계 경험 배포 경험 보유 그리고 면접에서 이렇게 말할 수 있습니다. “공공 API 기반 지도 서비스를 직접 설계하고 배포해봤습니다.” 이 한 문장이 큰 차이를 만듭니다. 👩‍💻 이런 분들께 추천합니다 React 기본 문법은 알고 있지만 프로젝트 경험이 부족한 분 취업용 포트폴리오를 만들고 싶은 분 지도/공공 API 프로젝트를 해보고 싶었던 분 실무에 가까운 설계를 배우고 싶은 분 🔥 이 강의의 목표 이 강의는 “지도 만드는 법”이 아니라“서비스를 설계하는 사고방식”을 배우는 강의입니다.

웹 표준 입문자를 위한 실무에서 반드시 사용하는 필요한 액기스만 모아 만든 반응형 웹 초급 강의!

실무에서 하자! 스크롤에 대응하는 반응형 웹 포트폴리오 #제일엔지니어링

최고의 크로스플랫폼 Flutter, Flutter로 Web을 개발해보세요.

[Tailwind CSS로 만드는 멋진 웹 UI 스타일링] 강의는 현재 가장 핫한 프레임워크인 Tailwind CSS v3.4.1을 이론부터 실전 반응형 웹사이트까지 19시간 충실하게 다루고 있습니다. 수업 시간이 길다고 좋은 강의는 아닙니다. 하지만 해당 강의는 시간도 긴 좋은 강의라고 자부합니다. 특히, Tailwind CSS 모든 이론을 8시간 30분 동안 상세하게 다루기 때문에 CSS 이론이 부족한 사람에게 CSS 이론을 충실히 학습할 수 있습니다. 해당 강의는 개발자와 퍼블리셔가 만드는 Tailwind CSS 스타일링을 중심으로 제작되었습니다.

React, Next.JS 14, TailwindCss, RadixUI, Shadcn, zustand 으로 YoutubeMusic 웹사이트를 클론합니다. NextJS 기초부터 UI 중점으로 웹프론트 기초를 마스터 할 수 있어요.!

HTML로 만든 카페 홈페이지를 CSS로 아름답게 꾸미는 실전 프로젝트 강의입니다. 색상, 레이아웃, 타이포그래피부터 Flexbox, Grid, 애니메이션, 반응형 디자인까지 CSS의 모든 기초를 민지와 코드 선생의 스토리를 따라가며 자연스럽게 배울 수 있습니다. 4시간의 학습으로 초보자도 프로페셔널한 웹 디자인을 완성할 수 있습니다.

카페 24에 올라온 베스트 쇼핑몰 디자인을 직접 클론코딩해보며 빠르게 HTML과 CSS를 학습할 수 있습니다. HTML + CSS에 대한 기본적인 이론을 학습하고 직접 클론코딩을 통해 쇼핑몰 디자인을 완성하여 이론에서 배웠던 내용을 적용하고 견고하게 HTML과 CSS의 틀을 잡을 수 있게 강의를 구성했습니다

크리에이티브 넘치는 인터랙티브 웹페이지를 개발할 수 있는 기본기를 다질 수 있는 수업입니다.

이 강의를 통해 웹디자인개발기능사 A3, B4, C1, D3, E4, F3 문제를 display:flex로 풀이하는걸 배우실 수 있습니다. 작업 속도가 빠릅니다. 멈추면서 보아요

Sass는 CSS의 확장 언어입니다. CSS의 단점을 보완해 뛰어난 생산성을 보장하며, 강력하고 간결합니다. 기초 구문을 배우고, 배운 내용을 활용한 클론코딩을 즐기면서 Sass를 배워보세요. 재미는 더하고 부담은 덜었습니다!

전국 합격률 60%중에 우리반 합격률은 90%! 시험요구사항을 파악하면 가능합니다. 실기 책 사지마요 어려워요

[Tailwind CSS 실전 포트폴리오 퍼블리싱]은 Tailwind CSS를 활용해 26가지 이상의 다양한 실전 예제 제작하는 과정입니다. 실전 예제를 빠르게 다양하게 제작하면 그 속에서 필수적인 이론을 설명합니다. 해당 강의는 개발자와 퍼블리셔가 만드는 Tailwind CSS 스타일링을 중심으로 제작되었습니다.

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

취업을 위해 면접을 자주 봐야 합니다. 면접을 자주 보기 위해서는 괜찮은 퍼블리셔 개인 포트폴리오 홈페이지가 반드시 있어야 합니다. 코딩웍스가 심혈을 기울여 만든 괜찮은 개인 포트폴리오 홈페이지 제작 가이드 교재(PDF)입니다. 해당 교재는 인터넷에서 구글링 해서 구할 수 있는 내용이 아닙니다. 코딩웍스가 수년간 현장에서 300여 명의 학생에게 퍼블리싱 이론, 실전, 개인 포트폴리오 홈페이지 제작 강의하고 학생들이 빨리 원하는 회사에 취업할 수 있도록 개인 포트폴리오 홈페이지 제작 방법을 상세하게 담은 세상에 하나뿐인 퍼블리셔 취업 개인 포트폴리오 홈페이지 제작 가이드(PDF) 입니다.

Firebase의 SQL버전! Supabase를 통해 Next.js 풀 스택 기초를 마스터 할 수 있어요.!

자바스크립트를 제대로 배우길 원하는 초급자를 위한 가장 탄탄한 기초 강의입니다. 여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점이 될 것이고, 프론트엔드(Vue, React, Angular) 개발자, 서버(Node.js) 개발자가 되기 위한 기초를 완벽하게 준비할 수 있습니다.

기초부터 실무까지, 피그마 하나로 끝내는 UI 디자인 올인원 클래스! 오토레이아웃·컴포넌트 핵심 기능부터 반응형 디자인, 효율적 핸드오프, 협업까지 실무 스킬을 완벽 마스터합니다. 지금 시작해서 당신의 디자인 역량을 한 단계 업그레이드하세요!

디자이너와 개발자를 위한 올인원 강좌! 새로운 UI3 반영

웹디자인개발기능사(구 웹디자인기능사) 출제기준(2025.1.1 ~ 2027.12.31)까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강의로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인개발기능사 실기시험 강의는 다릅니다. 2026년 웹디자인개발기능사 모든 시험 유형(A,B,C,D,E,F 유형) 완벽 제작 수업영상이 모두 반영되어 있습니다.

🔥 한자 학습을 위한 맞춤형 플랫폼 구축! Google Gemini AI와 Firestore를 활용해 나만의 한자 단어장, 획순 애니메이션, 필기 인식까지 직접 구현해보세요!

맛있는 족발이에요~ 요즘 족발 장난 아니던데...꿀꺽

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.