문과생이 가르쳐주는 퍼블리싱- step1

Name: 문과생이 가르쳐주는 퍼블리싱- step1
Price: 13200 KRW

퍼블리셔가 되기 위한 기초 과정을 배웁니다.

(4.7) 수강평 7개

수강생 35명

러빙코드

tutorial

HTML/CSS

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

HTML(문서구조)
CSS(시각표현)
실무에서 바로바로 써먹을 수 있는 예제를 통한 강의

실무 경험 빠방한! 퍼블리셔의
현장 꿀팁과 노하우가 내 거 ❤️

_{html의 문서 구조}

현장에서만 알 수 있는 꿀팁 대방출 😎

안녕하세요, 러빙코드입니다.
저는 처음 웹에 뛰어들었을 때 코딩 기술을 익히는 것보다 생소한 컴퓨터 용어를 서칭하는데 더 많은 시간을 썼던 기억이 있어요.

퍼블리셔는 디자이너와 개발자 간의 소통의 다리 역할을 하게 되는데요. 소통을 위해선 서로 간의 언어를 이해하고 재해석하는 게 중요합니다. 15년의 연차가 쌓이면서 자연스럽게 그 방법을 알게 되었고요. 저 같은 문과생이 퍼블리셔에 도전하며 겪은 경험과 노하우로 강의를 만든다면 맨땅에 헤딩하려는 분들이 조금은 덜 아프지 않을까 생각했습니다.

_{우리가 익숙해져야 할 화면}

현장에서 바로 써먹을 수 있게 예제 중심으로 준비했어요.

퍼블리셔는 다른 직군보다 진입장벽이 낮지만, 졸업까지 가는 길은 험난합니다. 저도 아직 졸업 못 했거든요^^ 하지만 기술은 열심히 하면 늘어요. 현란한 테크닉 또한 필요할 때마다 레퍼런스를 찾아서 이용해도 돼요.

중요한 건 기본에 충실해야 한다는 거죠. 기본만 제대로 알면 신기술도 쉽게 배울 수 있어요. 제가 15년 이상 현장에서 퍼블리싱하며 절대 잊지 않는 원칙이에요.
그럼 저와 기본 다지기부터 시작해볼까요?

이런 분들께 추천해요 🙋‍♀️

퍼블리셔를 진로로 선택한 초심자

퍼블리싱 기술이 필요한 개발자

UI/UX 디자인을 하고 싶은 디자이너

퍼블리셔 말이 외계어 같은 기획자

이런 분들께
추천드려요

학습 대상은
누구일까요?

퍼블리셔 진로를 선택하신 초심자분들
간단한 유지보수에 필요한 퍼블리싱 기술이 필요한 개발자분들
UI/UX 디자인을 하고 싶은 디자이너분
퍼블리셔 말이 외계어로만 들리는 기획자분들

선수 지식,
필요할까요?

열정만 가지고 오세요

안녕하세요
입니다.

3년은 웹디자이너이자 플래셔로 15년은 웹 퍼블리싱과 프론트앤드 개발로 밥 먹고 사는 퍼블리셔입니다.

18년이상 it에 몸담으며

웬만한 대기업 프로젝트 경험은 다 해본 듯 하며...

최근 활동은

한화생명, BC카드, 한전, 삼성, 수협, 두산, 넥슨, 파고다, sk등 다수 프로젝트 참여!

현 팀을 운영하며 프리랜서로 활동 중!

* 퍼블리셔는 다양한 경험 만이 길게 오래갈 수 있는 경쟁력이 됩니다^^

커리큘럼

전체

30개 ∙ (4시간 5분)

해당 강의에서 제공:

수업자료

섹션 1. 오리엔테이션

1개 ∙ (4분)

1. 오리엔테이션
04:20

섹션 2. HTML

14개 ∙ (1시간 38분)

2. 문서구조
08:40
3. 제목(Headings)
06:20
4. 단락(Paragraphs)
07:05
5. 목록(Lists)
08:52
6. tables
06:05
7. text-semantics
06:27
8. 인용 및 정보용
03:00
9. 이미지(Images)
06:30
10. 링크(Links)
05:20
11. form
13:43
12. form_input
08:47
13. media
08:11
14. 레이아웃(Layout)
05:47
15. block-level 과 inline 요소 정리
04:10

섹션 3. css

12개 ∙ (2시간 1분)

16. 스타일을 정의하는 세가지 방법
04:32
17. 선택자1
09:51
18. 선택자2
08:56
19. 선택자3
10:15
20. 제목 (Headings) 스타일
10:57
21. 단위(px, em, rem) 컬러코드(#, rgba)
09:21
22. 목록 스타일
10:22
23. 단락 스타일
13:50
24. tab(텝) 스타일
13:13
25. tab(텝)스타일_레이아웃 이동을 위한 다양한 css
07:29
26. 썸네일 게시판 스타일
11:06
27. 레이아웃 스타일 적용하기
11:26

섹션 4. 기타

3개 ∙ (21분)

강의 게시일:

마지막 업데이트일:

수강평

전체

7개

4.7

7개의 수강평

도전
수강평 2
∙
평균 평점 5.0
5
17% 수강 후 작성
귀에 쏙쏙~집중해서 들을 수 있어 좋습니다~꼼꼼 하고 알기쉽게 설명 해 주셔서 수월하게 공부 할 수 있습니다~!
- 러빙코드
  지식공유자
  쉽게 이해하셨다니 다행이에요. 초급이래도 입문 정도의 기초 지식이 있어야 이해가 쉬울 것 같다는 의견들을 많이 주셔서 혹여 소중하게 사용해주신 강의비를 날리는 분이 계시지는 않을까 늘 걱정입니다^^
김현진
수강평 1
∙
평균 평점 5.0
5
10% 수강 후 작성
매우 만족합니다 ~
- 러빙코드
  지식공유자
  실무에 도움이 되셨길 바래요^^
배윤경
수강평 1
∙
평균 평점 5.0
5
27% 수강 후 작성
초보자가 이해하기 쉽게 또박또박 차분히 말씀하셔서 듣기 편하네요. 중간 중간 실무에서 어떻게 사용되는지 적절히 잘 알려주십니다. 강의가 많은 도움이 되었습니다! 탄탄히 기초 다지길 원하시는 분이라면 추천드려요!
- 러빙코드
  지식공유자
  정성스러운 수강평 감사드려요~ 윤경님 앞에 꽃길 가득하길 바랄게요~
러빙코드
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
열정을 가지고 차근차근 듣다 보면 기초 기술을 단단하게 다지게 될 거에요~
오승아
수강평 1
∙
평균 평점 5.0
5
7% 수강 후 작성
웹디자이너이지만 프로젝트 진행을 하다가 보면 퍼블리싱 영역도 알아야 할 듯 해서 수강신청했는데, 너무 만족합니다. 기초부터 차근 차근 알려주시는 강사님 감사드려요!
- 러빙코드
  지식공유자
  도움이 되었다니 너무 행복해요^^ 누군가에게는 단비 같은 강의가 되었으면 하는 바램으로 시작한 강의라 승아님께 그런 강의였으면 해요~

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

실전! 웹사이트제작! Step by Step! ('라한호텔' 사이트제작_Application Course)

J.영

'호텔 현대라한_목포점' 사이트 제작으로, 실제 웹사이트 메인페이지를 그대로 제작·구현해보는 강의입니다. html/css기초 지식이 있는 분들을 대상으로 html Markup과 Layout제작에 대한 이해는 물론 Fixheader, Image Slider, MenuOpen Bar, Scroll Animation 제작까지의 웹에서 꼭 필요로한 skill을 배울 수 있는 웹페이지 제작 실전! 강의입니다.

초급

HTML/CSS, jQuery, 인터랙티브 웹

실전! 웹사이트제작! Step by Step! ('라한호텔' 사이트제작_Application Course)

J.영

쉽고 빠른 스타일링 Tailwind CSS 기초 가이드

The Oreum

'HTML을 떠나지 않고 빠르게 빌드하는 모던 웹사이트' 구축을 가능하게 만드는 'Tailwind'를 소개합니다!

초급

HTML/CSS

쉽고 빠른 스타일링 Tailwind CSS 기초 가이드

The Oreum

CSS에 날개를 달아주는 Sass (SCSS)

DEvSIGNER

스마트한 CSS의 작성! Sass (SCSS) Sass (Syntactically Awesome Style Sheets)

초급

HTML/CSS, Sass

CSS에 날개를 달아주는 Sass (SCSS)

DEvSIGNER

UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오

LIZ.B

기획-디자인-구현 프로세스의 세번째 과정 - 반응형 웹 포트폴리오 템플릿 제작

초급

반응형 웹, JavaScript, jQuery

UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오

LIZ.B

모바일 웹 퍼블리싱 포트폴리오 with CSS Nesting

코딩웍스(Coding Works)

19페이지, 총 22가지 다양한 모바일 레이아웃 제작하면서 퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 특히 CSS 중첩(Nesting) 방식을 충분히 학습할 수 있습니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

초급

모바일 디자인, HTML/CSS, wireframe

모바일 웹 퍼블리싱 포트폴리오 with CSS Nesting

코딩웍스(Coding Works)

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

초급

HTML/CSS, JavaScript, 클론코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

Photoshop과 Adobe XD 프로그램을 활용해 다양한 디바이스의 웹, 앱 레이아웃을 디자인해 본 뒤 간단한 코딩 기술을 학습해 직접 구현해볼 수 있게 됩니다.

초급

HTML/CSS, jQuery, XD

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

시험 전에 꼭 봐야 할 웹디자인기능사 공개 문제 (2020) Part.1

유용한IT학습

웹디자인기능사 실기를 준비하기 위한 기초 내용을 공개 문제를 통해 학습하는 강의입니다. 실무에서 웹 코딩을 활용하고자 하는 웹디자이너에게도 유익한 강의에요.

초급

HTML/CSS, JavaScript

시험 전에 꼭 봐야 할 웹디자인기능사 공개 문제 (2020) Part.1

유용한IT학습

실전! 웹사이트제작! Step by Step! ('크루알라모드'_반응형웹 제작)

J.영

실전! 웹사이트제작 Step By Step! 크루알라모드(https://crewalamode.com/) 메인페이지를 그대로 제작해 보는 과정입니다. 사이트에서 담고 있는 화려한 인터렉티브 웹을 그대로 제작, 구현해 보는 과정으로 복잡한 레이아웃도 쉽고 빠르게 제작하는 실무 핵심 노하우를 그대로 알려드립니다.

초급

반응형 웹, jQuery, HTML/CSS

실전! 웹사이트제작! Step by Step! ('크루알라모드'_반응형웹 제작)

J.영

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

깡코딩

단순히 특정 사이트를 따라 만드는 강의가 아니라 지식공유자가 공유하는 스크롤 인터렉션 노하우, 핵심요소를 기초부터 탄탄히 배워 애플 등 국내 기업에서 많이 사용하는 UI 스크롤 인터렉션의 다양한 기법들과 모션 등을 배우고 만들어 봅니다.

초급

JavaScript, HTML/CSS, 인터랙티브 웹

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

깡코딩

실무중심의 HTML5 시각화 프로그래밍

트레이딩온

데이터를 가공하여 표의 형태로 표현할 수도 있지만 가장 중요한 것은 데이터를 인간이 한 눈에 알아 볼 수 있게 표현하는 것입니다.

초급

HTML/CSS

실무중심의 HTML5 시각화 프로그래밍

트레이딩온

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

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

초급

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

코딩웍스(Coding Works)

지금까지 200여명의 오프라인 학원 학생들 신입 퍼블리셔 취업 포트폴리오 지도한 경험을 통해 코딩웍스가 심혈을 기울여 만들었습니다. 면접과 취업을 부르는 퍼블리셔 '개인 포트폴리오 홈페이지' 제작 강의는 퍼블리셔 취업을 위해 필수로 준비해야 하는 개인 포트폴리오 홈페이지를 어떻게 어디서부터 준비하는지 알려드리는 충실한 가이드입니다. 강의는 총 19시간 이상의 강의 내용이 담겨 있습니다. 개인 포트폴리오 홈페이지 제작 전 퍼블리싱 관련 필수사항, 취업과 실무에서 최고로 중요한 퍼블리싱 기본기, 취업을 위한 제이쿼리와 자바스크립트 & 코딩 미션, 개인 포트폴리오 홈페이지에 넣을 포트폴리오 결과물 제작 방법, 개인 포트폴리오 홈페이지 섹션 별 콘텐츠 레이아웃 및 상세내용, 지원할 기업 구분하기 & 퍼블리셔 실전 면접 요령 등 신입 퍼블리셔로서 알아야 할 모든 내용을 담고 있습니다.

초급

포트폴리오, HTML/CSS, jQuery

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

코딩웍스(Coding Works)

Figma 디자인부터 퍼블리싱까지

Michael Kwon

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

초급

Figma, HTML/CSS

Figma 디자인부터 퍼블리싱까지

Michael Kwon

코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

제주코딩베이스캠프

제주에서 진행하는 부트캠프를 온라인으로! 빠르게 자신만의 서비스를 만들어보세요! :)

입문

Python, Django, Bootstrap

코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

제주코딩베이스캠프

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

만들면서 배우는 파이썬 웹개발 A to Z! 웹 기초부터 블로그 개발, 배포까지 한 번에 배워요.

초급

Python, Django, Bootstrap

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

ChatGPT API 입문 강의 - 30분 만에 다국어 번역기 웹 풀스택 개발하기

까룬

ChatGPT API로 30분 만에 다국어 번역기 웹 풀스택 개발하고, 인공지능을 전혀 모르더라도 프로덕트에 최신 인공지능(ChatGPT API)을 도입해봐요!

입문

ChatGPT, Python, HTML/CSS

ChatGPT API 입문 강의 - 30분 만에 다국어 번역기 웹 풀스택 개발하기

까룬

풀면서 배우는 정보처리산업기사 과정평가형 실기 완벽정리

Neo

풀면서 배우는 정보처리산업기사 정보처리산업기사 과정평가형 실기 합격을 위해 모든것을 준비했습니다.

입문

HTML/CSS, Java, SQL

풀면서 배우는 정보처리산업기사 과정평가형 실기 완벽정리

Neo

[환상의족발] 디자인부터 코딩까지

두노피

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

초급

Photoshop, HTML/CSS, 클론코딩

[환상의족발] 디자인부터 코딩까지

두노피

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

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

입문

HTML/CSS, jQuery, 웹 디자인

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

문과생이 가르쳐주는 퍼블리싱- step1

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

현장에서만 알 수 있는 꿀팁 대방출 😎

이런 분들께 추천해요 🙋‍♀️

추천 로드맵 📚

이런 분들께 추천드려요

안녕하세요 .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}입니다.

커리큘럼

수강평

비슷한 강의

이런 분들께
추천드려요

안녕하세요
입니다.