이런 걸 배울 거예요
HTML : 코딩을 처음 접해도 괜찮아요!
웹페이지 구조부터 차근차근 배워서 기초를 탄탄히 다져요.
CSS : 디자인도 내 손으로 완성할 수 있어요
색상과 레이아웃을 조정해 웹페이지를 보기 좋게 디자인하는 방법을 익혀요.
JavaScript : 웹사이트에 생동감을 불어넣어요
클릭, 입력 등 다양한 동작을 직접 구현하며 웹페이지에 기능을 더해요.
Git & GitHub : 내 코드를 안전하게 저장하고 공유해요
코드를 저장하고 관리하며 프로젝트를 온라인에 공유하는 방법을 배워요.
Portfolio : 나만의 포트폴리오를 만들어 취업에 도전해요
기획부터 제작까지, 나만의 웹사이트로 실전 포트폴리오를 완성해요.
이 클래스는 웹 개발의 기초부터 포트폴리오 완성까지, 처음 시작하는 사람도 따라올 수 있는 구성으로 진행돼요.
HTML과 CSS로 웹페이지의 구조와 디자인을 배우고, JavaScript로 다양한 기능을 직접 구현해봅니다.
Git과 GitHub를 활용해 프로젝트를 체계적으로 관리하고, 나만의 웹사이트를 완성하여 실전형 포트폴리오로 발전시켜요.
단순한 따라하기가 아니라, 기획–디자인–개발이 연결된 실습 중심 커리큘럼이 특징이에요.
이런 분께 추천해요
코딩을 처음 배우는 웹 개발 입문자
개발자 취업 또는 이직을 준비 중인 분
나만의 웹 포트폴리오를 만들고 싶은 디자이너
웹페이지를 직접 만들고 싶은 기획자 또는 마케터
실습 기반으로 기초를 제대로 배우고 싶은 분
수강 후 이런 변화가 생겨요
HTML, CSS, JavaScript로 웹사이트를 혼자서 만들 수 있게 돼요.
GitHub에 프로젝트를 정리해 포트폴리오를 세상에 공개할 수 있어요.
취업, 이직에 필요한 실무형 웹 포트폴리오를 완성할 수 있어요.
코딩의 기본 원리를 이해하고, 응용할 수 있는 자신감이 생겨요.
수업 자료는 아래 Notion 문서에 정리되어 있습니다.
https://designdigit.notion.site/214fd522f49080608705f65ad9a53367
클래스 커리큘럼1
커리큘럼
챕터 0개크리에이터
코딩발전소
매일 조금씩 성장하는 프론트엔드 개발자로
안녕하세요, 웹 프론트엔드 강사 김기민입니다.
사용자와 가장 가까운 접점에서, 더 나은 경험을 만들기 위해 코드와 디자인 사이를 오가며 고민하는 일을 하고 있어요.
처음엔 단순히 웹페이지를 만들고 싶어서 시작했지만, 지금은 어떤 인터랙션이 사용자에게 더 자연스러운지, 어떤 구조가 더 유지보수가 쉬운지 고민하는 일이 저를 더 몰입하게 만듭니다.
HTML, CSS, JavaScript는 물론이고, React를 기반으로 한 컴포넌트 아키텍처 설계, Tailwind CSS를 활용한 스타일링, 그리고 Git과 협업 도구들을 통해 실제 현업과 유사한 환경에서 프로젝트를 진행해왔습니다.
"이해하고 구현하는 개발자"로 성장하기까지
웹은 빠르게 변하지만, 기초에 충실한 학습과 반복을 통해 트렌드에 휘둘리지 않는 ‘내 힘’을 기를 수 있었습니다.
이번 클래스에서는 단순한 기능 구현을 넘어서, 실무에서 바로 써먹을 수 있는 프론트엔드 개발 흐름을 알려드릴게요.
코드의 작동 원리를 이해하고, 실제 프로젝트에 적용할 수 있는 '맥락 있는 학습'을 함께합니다.
