본문바로가기

서울시 지원

웹 퍼블리셔 & UI 개발 프로페셔널
서울시 교육비 지원 및 인턴매칭 과정

  • 교육비 전액 지원
  • 교육수당 지급
  • 인턴 매칭

[사업명 : 2025년도 서울시 매력일자리 민간기업 맞춤형 사업]
[운영기관 : 핀테크산업협회]
[교육기관 : 아카데미정글]

본 과정은
서울시가 지원하고
핀테크산업협회와 아카데미정글이 진행하는
취업연계교육입니다.

접수기간

2025.04.01 - 2025.04.24

교육일정

2025.04.28 - 2025.07.25

교육시간

월 - 금 / 09:00 - 18:00 (주 5회, 8시간/일)

교육장소

아카데미정글 (강남 신논현)

강  사

15년이상의 현업 실무 경력 보유강사

모집인원

22명

수 강 료

서울시 전액 지원

준 비 물

개인 노트북(권장)

휴강일자

주말,공휴일

🔊 웹 퍼블리셔 & UI 개발 프로페셔널 과정에서는 교육생지원을 받을 수 있어요.

  • 기술교육 3개월

    교육비 전액 지원
    교육수당 최대 150만원 지급.

  • 자소서 및 특강지원

    - 1대1 맞춤 자소서 지원
    면접 코칭 지원.

  • 기업인턴 3개월

    기업 인턴기간 월 최대 280만원 지급.

🔉 신청자격(참여자격, 유의사항)은 다음과 같아요.👍

  • 참여자격만18세이상 만 39세이하의 서울시민으로서 사업참여배제 사유가 없는 자
    (본인 및 주민등록상 함께 거주하는 배우자 및 부,모 재산 합계액이 3억원 이하인자 우선 선발)

  • 유의사항① 수급권자는 근로소득 발생 시 수급 자격을 잃을 수 있으므로, 참여 전 주민센터 상담이 필요.
    ② 실업급여 수급자는 참여 시 반드시 취업 사실을 신고해야 하며, 미신고 시 부정수급으로 불이익을 받을 수 있음.

  • 퍼블리셔 ui 개발 프로페셔널

    웹 퍼블리셔 &
    UI 개발 프로페셔널


참여 신청 제한

① 서울시민이 아닌 자      ② 만18세 미만자      ③ 현재 취업상태인자
④ 서울형 뉴딜일자리 사업 참여 경력이 총합 18개월을 초과한 자
⑤ 대학 또는 대학원에 재학 중인 자 (※휴학생 참여 불가)
- 단, 대학교(원) 수료생, 졸업예정자, 졸업유예자, 방송통신대학 사이버대학 야간대학(원) 재학생은 참여가능
⑥ 신청서, 정보제공 동의서 등 신청 구비서류를 제출하지 않은 자
⑦ 기타 지병, 건강쇠약 등으로 근로가 불가하다고 판단되는 자
⑧ 서울시에 주민등록 등재가 되어 있지 않은 외국인

다음과 같은 절차를 거쳐서 수강생을 선발해요👏

퍼블리셔 ui 개발 프로페셔널

웹 퍼블리싱 & UI 개발 포트폴리오 과정을 통해
개념을 확실히 만들고 다양하게 적용하는 방법을 학습하여 실무에 바로 적용할 수 있습니다.

  • 😮 코딩을 처음 배우는데 이 수업을 듣고 실무에 바로 적용할 수 있을까요?

    👉 이론과 실습을 분리하지 않고 HTML, CSS, UI개발에 대한 기본적인 이해와 고유의 특성, 작동 원리를 통해 퍼블리싱과 UI, 프론트엔드 개발 방법을 배워고 프로젝트 수행 실습을 통해 실무에 바로 적용할 수 있어요.

  • 🤔 실무에서 활용도가 높은 기법을 배울 수 있나요?

    👉 실제 사이트를 이용해 실습과 설명을 반복하면서 특정 상황에서 의미 있는 태그 사용, 크로스브라우징을 동시에 생각하여 상황별 선택하는 훈련을 할 거예요. 이를 바탕으로 실무에서 주로 사용하는 제이쿼리, 자바스크립트, 웹심화프로그래밍 실습을 통해 현업에서 사용하는 기술을 학습합니다.

  • 😶 강의는 어떤 형식으로 진행되는지 알 수 있나요?

    👉 다양한 프로젝트를 구축한 경험이 있는 강사님이 이야기해주는 현업 및 퍼블리셔 시장을 확인할 수 있고, 코딩 규칙, 웹 접근성, 호환성 등을 정리해요. 노션으로 교안을 공유하고, 포트폴리오 준비 방법 및 기획 단계에 대해 배워 개인 포트폴리오에 적용할 수 있는 능력을 키웁니다.

👨‍🏫 강사님이 이야기하는 "웹 퍼블리셔 & UI 개발 포트폴리오를 꼭 수강해야 하는 이유"

  • 👉 첫번째, 개념을 정확히 학습하고 실습에 응용

    많은 학생들이 퍼블리싱을 배울 때, 개념을 정확히 이해하지 않은 채 단순히 코드를 복사 & 붙여넣기만 해서 실무에 어떻게 활용해야 하는지 고민하는 경우를 많이 봤어요. 이 강의에서는 html, css의 정확한 개념을 바탕으로 실무 사례를 통해 웹 접근성에 맞추어 마크업하는 방법부터 프론트엔드개발과 실사례 프로젝트를 응용하여 사이트를 제작/개발하는 방법을 배울 거예요.

  • 👉 두번째, 밀도 있는 기초 학습을 통한 능력 업그레이드

    기초가 탄탄할수록 작업 시간은 줄고, 능률은 오릅니다. 밀도있는 기초 학습을 통해 기본에 충실하면서도 탄탄한 개발 방법을 배울 거예요. 이론 → 실습 → 활용의 단계를 통해 소스 응용 능력을 기르고, 나아가 수업 내용을 본인의 포트폴리오에 녹여내어 웹개발의 퀄리티를 높이는 방법을 배울 수 있어요.

이런 분들을 위한 강의로,
완강 후 여러분은
다음과 같이 성장할 수 있어요👍

  • 웹 퍼블리싱 및
    UI개발을 하고 싶은 분

    기초적인 퍼블리싱 기술과 개발 프로젝트 수행을 통해 실무에 바로 적용할 수 있는 방법을 학습하여 나만의 맞춤형 웹싸이트를 만들 수 있어요.

  • 실무 노하우를 익혀 전문성을
    높이고 싶은 분

    실무 사례를 바탕으로 하여 웹 사이트 코드를 분석하고 응용해서 실무에서 요구하는 실전 노하우를 통해 퍼블리싱 및 UI개발 능력을 키울 수 있어요.

  • 실무에서 스크립트 적용에
    어려움을 겪는 분

    실무 경력 위주의 강사님이 실무에서 사용한 코드를 예제로 알려드릴거예요. 다양한 기술과 개발 노하우를 학습할 수 있어요.

  • 깊이 있는 실습 기회를
    경험하고 싶은 분

    기초 개념과 이론은 학습해 보았지만 실습 기회가 적었던 예비 퍼블리셔 및 개발자분들이라면 본인이 원하는 기능을 직접 구현할 수 있는 능력을 기를 수 있어요.

👇 10개의 파트로 구성된 커리큘럼을 확인해보세요.

  1. PART 01
    금융 및 핀테크 개론
    • 01강
      • 오리엔테이션
      • 1. 강의 소개
      • 2. 직무소개
      • 3. 크롬 개발자 도구 활용
      • 4. VS Code 활용
    • 02강
      • HTML 기초
      • 1. Html 기본 구조
      • 2. HTML 주요 태그
      • 3. block, inline, inline-block
    • 03강
      • CSS 기초 (1)
      • 1. 스타일적용방법
      • 2. 선택자
      • 3. 박스모델
      • 4. 웹폰트
    • 04강
      • CSS 기초 (2)
      • 1. 레이아웃
      • 2. display, float, position, z-index
    • 05강
      • 반응형 레이아웃
      • 1. 반응형 기본 개념
      • 2. 반응형 적용 (미디어쿼리)
    • 06강
      • HTML & CSS 활용
      • 1. 레이아웃, UI요소 커스텀 제작 실습
    • 07강
      • CSS 심화
      • 1. flex
      • 2. transform
      • 3. transition
      • 4. animation
  2. PART 02
    핀테크 최신 기술 및 활용
    • 08강
      • UI 요소 포트폴리오
      • 1. table
      • 2. form
      • 3. list
    • 09강
      • 프로모션 포트폴리오
      • 1. 프로모션 페이지 제작 실습
    • 10강
      • 반응형 웹사이트 포트폴리오 (1)
      • 1. Main 페이지 제작 실습
    • 11강
      • 반응형 웹사이트 포트폴리오 (2)
      • 1. Detail 페이지 제작 실습
    • 12강
      • JQuery 기초
      • 1. 기본 설명 및 적용 방법
      • 2. 인터렉션 기능 추가
      • 3. 플러그인 적용
  3. PART 03
    핀테크 개발을 위한 기초 프로그래밍
    • 13강
      • 오리엔테이션
      • 1. 강의 소개
      • 2. 크롬 개발자 도구 활용
      • 3. VS Code 활용
      • 4. HTML & CSS 기초 다지기
    • 14강
      • 샘플 웹 사이트
      • 1. 웹 페이지 구조 이해
      • 2. 반응형 UI 이해
      • 3. jQuery load를 이용한 UI 구성
      • 4. jQuery 선택자와 이벤트 개념 이해
    • 15강
      • 웹 이력서 제작
      • 1. 웹 이력서 페이지 제작
      • 2. 이력 계산 스크립트
    • 16강
      • fullpage를 이용한 원페이지 사이트 구현
      • 1. 스크롤 슬라이드 구조 이해
      • 2. fullpage 기본 구조 및 옵션 활용
  4. PART 04
    Java Programming
    • 17강
      • JavaScript & jQuery
      • 1. 프로그래밍 기초
      • 2. 데이터 타입, 논리/비교 연산자
      • 3. 변수, 배열, 함수, 조건문, 반복문
      • 4. 선택자, 클래스 추가/삭제
    • 18강
      • jQuery 이벤트 활용
      • 1. 카운터 구현
      • 2. 메일 시그니처 구현
      • 3. 채팅 UI 구현
      • jQuery 플러그인 활용
      • 4. swiper를 이용한 슬라이드 구현
      • 5. Slider filter 구현
      • 6. google chart를 이용한 정보 시각화
      • 7. Isotope를 이용한 요소 재배치
    • 19강
      • ajax & json 기초
      • 1. 데이터 호출 방식 이해
      • 2. 프론트엔드 사이드 렌더링 이해
      • 3. 자리예약시스템 구현
      • 4. Open API 활용
  5. PART 05
    데이터베이스 프로그래밍
    • 20강
      • CSS 전처리기(Sass) 기초와 활용
      • 1. Sass 기초
      • 2. 변수, 연산, 제어문, 조건문, 반복문, 함수
      • 3. Mixin, each, map
    • 21강
      • Git 기초
      • 1. GitHub 설치
      • 2. Git 설치
      • 3. Command Line Interface 이해
      • 4. Git 명령어 활용
    • 22강
      • 실무 프론트 UI 이해
      • 1. 폰트 아이콘 (Font Awesome)
      • 2. UI Grid System
      • 3. UI 프레임워크 (Bootstrap)
      • 4. 코딩 컨벤션
      • 5. 디자인 시안 이해 (PSD, Zeplin, Figma)
    • 23강
      • 코딩 테스트 체험
      • 1. To-Do List 구현을 통한 코딩 테스트 체험
      • 2. 요구사항에 맞게 구현하는 연습
      • 3. 복합적인 UI 요소 다루기
    • 24강
      • 개인 포트폴리오 제작
      • 1. 반응형 템플릿 활용
      • 2. 도메인, 호스팅, FTP
  6. PART 06
    웹퍼블리싱 및 UI 개발 기초
  7. PART 07
    웹 심화 프로그래밍
  8. PART 08
    스프링 프레임워크 및 부트
  9. PART 09
    프로젝트 수행 실습
  10. PART 10
    현업 개발자 멘토링 및 프로젝트 지도를 통한 실전 프로젝트 수행

수강 신청하기 전, 예비 수강생 여러분께 전합니다.

  • 01

    이 강의는 기초부터 시작하는 스타트업 과정으로, 난이도 중급까지진행되는 과정이에요. 기초 지식이 없어도, 열심히 수강하고 학습하시면 과정이 끝나는 날에는 실력이 향상된 자신을 만날 수 있어요.

  • 02

    이 과정은 금융 및 핀테크 SW개발을 위한 웹퍼블리싱 및 UI개발 과정으로 기업 맞춤형 프로젝트를 통한 취업지원을 해드려요

  • 03

    원리 학습을 통해 본인이 원하는 기능을 직접 구현할 수 있는 능력을 키울 수 있는 과정으로, 성실하게 수업에 참여하시면 배운 내용을 본인의 포트폴리오에 녹여낼 수 있어요.

  • 04

    강의장에 공용 PC가 준비되어 있지만, 보다 원활한 수강을 위해 가급적 개인 노트북을 가져오길 권장합니다.

🔎 오시는 길은 다음과 같아요.

아카데미정글은 9호선, 신분당선 신논현역 9번 출구에서 도보 약 3분 거리입니다.
신논현역 9번출구에서 교보타워 후문 반대편 1층 컴포즈 커피가 위치한 건물 3층입니다.
수강생 분들은 주차장 이용이 불가하오니 대중교통을 이용해주시길 바랍니다.

수강신청 전, 꼭 확인해주세요. 더보기

핀테크 산업협회 웹퍼블리셔
UI개발 전문가 양성 및 인턴 매칭 과정

  • 웹 퍼블리셔 UI개발 프로페셔널 44기

  • 접수기간
    2025.04.01 - 2025.04.24
    교육일정

    2025.04.28 - 2025.07.25

    교육시간
    월 - 금 / 09:00 - 18:00
    교육장소
    아카데미정글 (강남 신논현)
    수 강 료
    서울시 전액 지원
    준 비 물
    개인 노트북(권장)
    휴강일자
    주말 , 공휴일