실전! 웹 UI 제작 가이드

웹사이트를 만들고 싶지만 어디서부터 시작해야 할지 막막한가요? 디자인은 어떻게 해야 하는지, 개발 도구는 무엇을 써야 하는지, 배포는 또 어떻게 하는지... 웹 개발을 처음 접하는 분들에게는 모든 과정이 어렵고 복잡하게 느껴질 수 있습니다.

이 강의는 처음 웹 개발을 배우는 사람들도 쉽게 따라올 수 있도록 기획부터 디자인, 개발, 배포, 그리고 개선까지 실제 웹사이트를 만드는 전 과정을 함께 배우는 것을 목표로 합니다. 단순한 코드 학습이 아니라, 실제로 사용할 수 있는 웹사이트를 만드는 경험을 통해 자연스럽게 웹 개발에 익숙해질 수 있도록 구성했습니다.

강의에서 다루는 주요 내용

• 기획과 디자인 – 사용자의 진짜 불편함을 찾고, 레퍼런스를 활용해 기획을 구체화하는 방법을 배웁니다. 피그마(Figma)를 사용해 디자인 프로토타이핑하는 방법도 배웁니다.

• 웹 개발 기본 – 웹 개발을 위한 HTML, CSS, JavaScript와 TypeScript를 익히고, 간단한 예제를 통해 기초를 탄탄히 다집니다.

• React – React와 컴포넌트 라이브러리를 사용하여 웹사이트를 구성해봅니다

• 배포하기 – git과 GitHub의 기본 개념을 익히고, Vercel을 이용해 만든 웹사이트를 실제로 배포합니다.

• 개선하기 – Google Analytics를 설정하고, 데이터를 기반으로 웹사이트를 개선하는 방법을 배웁니다.

이 강의를 들으면, 여러분은

• 단순히 코드를 배우는 것이 아니라, 실제 동작하는 웹사이트를 직접 만들 수 있는 능력을 갖추게 됩니다.

• 막연했던 웹 개발 과정이 구체적인 경험으로 연결되면서, 자신감을 얻게 됩니다.

• 완성한 웹사이트를 직접 배포하고, 사용자 데이터를 분석하며 발전시킬 수 있습니다.

웹 개발을 처음 접하는 분들도, 이미 어느 정도 알고 있지만 완전한 웹사이트를 만들어 본 경험이 없는 분들이라면 누구나 환영합니다.
같이 따라 하면서 배우다 보면, 어느새 여러분만의 웹사이트를 만들 수 있습니다.