Thumbnail
개발 · 프로그래밍 웹 개발

문과생이 가르쳐 주는 퍼블리싱 - 클론코딩 대시보드

(4.8)
5개의 수강평 ∙  45명의 수강생

13,200원

지식공유자: 러빙코드
총 26개 수업 (4시간 20분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.

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

✍️
이런 걸
배워요!
웹사이트 메인 화면 퍼블리싱
실무에서 바로 활용 가능한 기술 및 팁!
프로젝트 노하우를 통한 다양한 간접 경험!

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

직접 쳐보면서 배우는
웹사이트 클론코딩 👨‍💻

웹사이트의 메인화면에서 사용빈도가 높은 스크립트 UI를 배워봅니다. GNB, 배너 슬라이더, 탭, 박스를 열고닫는 스크립트 등 다양한 것을 만들어볼 수 있답니다. 비교적 간단해보이지만 차근차근 배워보면 추후에는 복잡한 UI를 퍼블리시하는데 도움이 되실거에요!

1. 영역별로 어떻게 코딩을 할지 디자인 완성본을 보고 설명하면
2. 들은 강의의 내용대로 코딩을 해본 후
3. 제가 설명한 코딩의 내용과 같은지 비교하면서 들어보세요!

 

웹사이트 메인화면을 똑같이 그대로 코딩해봐요!
현장에서만 알 수 있는 꿀팁 대방출 😎

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

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

바로 써먹을 수 있도록
활용도 높은 디자인 UI
로 실습해봐요 🎨

퍼블리셔는 다른 직군보다 진입장벽이 낮지만, 졸업까지 가는 길은 험난합니다.
하지만 기술은 열심히 하면 늘어요. 현란한 테크닉 또한 필요할 때마다 레퍼런스를 찾아서 이용해도 돼요.
중요한 건 기본에 충실해야 한다는 거죠. 기본만 알면 신기술도 쉽게 배울 수 있어요.
제가 15년 이상 현장에서 퍼블리싱하며 절대 잊지 않는 원칙이에요. 그럼 저와 시작해볼까요?


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

 

나만의 포트폴리오를
준비하는 취준생

회사에 나 혼자 달랑!
사수가 필요하신 분

독학한 퍼블리싱을
upgrade하고 싶은 분

퍼블리싱에 대한
이해도를 쌓고싶은 분


추천 로드맵 📚

문과생이 가르쳐주는 퍼블리싱 강의는 앞으로 쭉~ 이어집니다!

1) 문과생이 가르쳐주는 퍼블리싱- 초급

  • 퍼블리셔가 되기 위한 기초 과정을 배웁니다.
  • html과 css를 중심으로 학습합니다.

2) 문과생이 가르쳐주는 퍼블리싱- 중급 현재 강의

  • 클론코딩을 중심으로 학습합니다.

3) 문과생이 가르쳐주는 퍼블리싱- 고급 오픈 예정

  • 클론코딩에 반응형/웹 접근성 적용하는 방법을 학습합니다.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
초급 과정 마스터 후 나만의 포트폴리오를 준비하는 취준생!
회사에 신입으로 취업했더니 나 혼자 달랑! 사수가 필요하신 분!
혼자 독학한 퍼블리싱을 검증하고 업그레이드 하고 싶은 분~
웹사이트 퍼블리싱 제작 과정에 대한 이해도가 필요하신 분!
📚
선수 지식,
필요할까요?
문과생이 가르쳐 주는 퍼블리싱 - 초급

안녕하세요
러빙코드 입니다.
러빙코드의 썸네일

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

18년이상 it에 몸담으며

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

 

최근 활동은

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

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

 

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

커리큘럼 총 26 개 ˙ 4시간 20분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 시작하며...
섹션 1. 프로젝트 셋팅하기
코딩가이드 08:47
태그 리셋 및 공통 css 셋팅 11:17
섹션 2. html 구조설계
상단 공통 영역 설계 미리보기 10:06
메인배너 설계 08:59
강좌 텝 영역 설계 14:05
게시판 영역 설계 13:48
바로가기 영역 설계 06:03
하단 공통 영역 설계 09:06
섹션 3. css 스타일 입히기
자바스크립트 셋팅 06:20
상단 공통 영역 스타일 1 미리보기 14:18
상단 공통 영역 스타일 2 17:43
메인배너 영역 스타일 1 11:32
메인배너 영역 스타일 2 09:42
강좌 텝 영역 스타일 13:19
게시판 영역 스타일 1 07:59
게시판 영역 스타일 2 11:40
이벤트 영역 스타일 14:43
바로가기 영역 스타일 1 11:59
바로가기 영역 스타일 2 14:22
하단 공통 영역 스타일 17:55
섹션 4. 제이쿼리 동작
gnb 메뉴 열고 닫기 04:48
gnb 영역에 setTimeout 사용해서 완성도 높이기 02:40
베너 슬라이더 06:07
tab 스크립트 07:22
페밀리 사이트 02:58
강의 게시일 : 2022년 03월 11일 (마지막 업데이트일 : 2022년 03월 11일)
수강평 총 5개
수강생분들이 직접 작성하신 수강평입니다.
4.8
5개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
신형화 thumbnail
4
다 좋은데.. html,css등등 작성하면서 실시간으로 어떻게 결과물이 나오는지 모르겠네요 그냥 한화면에서만 계속 작성만하니까 내가 하고있는게 맞는건지모르겠고,, 다른 분들 보면 듀얼화면으로 실시간으로 html,css작성하는 결과물이 옆으로 나와서 이렇게 이루어지는구나라고 나오는게 알겠지만, 이거는 그냥 계속 코딩만 하고 어떻게 프로세싱이 되는지 모르니까 모르겠네요.. 죄송하지만 강의 2개까지듣고 끕니다.. 다른사람들은 어떻게생각하는지 모르겠지만 저의 공부 스타일은 아닌거같아요 그래도 강의 만드시느라 고생하셨습니다.
2022-07-16
지식공유자 러빙코드
강의에 어려움이 있으셨다니T.T;;. 계속 들으시면 실무팁들이나 실제 실무에서 일어날 수 있는 실수에 대해 은연중에 학습할 수 있는 구조로 강의를 만들었는데 도움이 못 되드려 제 마음도 안 좋아요~ 부디 도움이 되는 강의를 만나셨으면 하는 바램이에요~
2022-07-16
조용한 코알라 thumbnail
5
알아듣기 쉽게 설명해 주셨어요
2022-11-18
지식공유자 러빙코드
끝까지 완강하셔서 실무에 조금이나마 도움이 되었으면 좋겠어요 :)
2022-11-18
박종규 thumbnail
5
메인 페이지에서 많이 사용되는 기술들을 쉽게 설명해 주셔서 좋았습니다. 제이쿼리가 노베이스면 어려울 수 있으니 선행학습 먼저 하시고 수업 들으시면 더 좋을 것 같아요 :)
2023-03-28
지식공유자 러빙코드
질문들을 해주셔서 기억에 남았는데.. 끝까지 완강해주셔서 너무 감사해요. 말씀처럼 스크립트 부분을 선행학습 해 오시면 도움이 많이 되겠네요~ 실제 실무에서 스크립트 때문에 많이 들 어려워 하셔서 실무에 자주 사용되는 스크립트 소스들을 일부러 강의에 넣어둔 이유도 있어요. 실무에 우선 가져다 쓰시라고요. 실무에서도 제 소스들이 도움이 많이 되었으면 해요~
2023-03-28
도전 thumbnail
5
이번 강의도 잘 듣고 있습니다. 단계별로 알아듣기 쉽게 차근차근 진행되는 강의 덕에 알차게 공부하고 있습니다. 다음 강의도 기대됩니다!!!
2022-03-18
지식공유자 러빙코드
step1 이어 step2 강의도 들어주셔서 너무 감사해요~ 제 강의가 현장에서 도움이 될 수 있기를 바랄게요~ 꼬옥~^^
2022-03-18
신동순 thumbnail
5
도움이 많이 되요~
2022-04-26
지식공유자 러빙코드
도움이 되셨다니 다행이에요. 실무에서도 제 강의가 도움이 되었으면 해요~^^
2022-04-26