퍼블리셔 취업을 위한 진짜 가이드 전자책(PDF)으로 효율적인 퍼블리싱 학습방법, 좋은 퍼블리싱 강의 잘 가르치는 퍼블리싱 강사 고르는 안목, 신입이지만 경력자처럼 퍼블리싱하는 요령, 바람직한 코딩 습관과 원칙, 개인 포트폴리오 홈페이지 제작 방법, 디자이너 개발자와의 협업 요령, 퍼블리셔로 알아야 할 필수 사이트, 포토샵 UI 디자인 실력키우기 등 퍼블리셔 취업을 위해 반드시 알아야 하는 HTML+CSS+JQUERY 퍼블리싱 기본기를 상세하게 알려드립니다. 또한, 국비지원 퍼블리셔 과정에 대해 상세히 설명합니다.
이런 걸
배워요!
퍼블리셔 취업을 위해 무엇을 어떻게 준비할지 요령
퍼블리싱 기본기를 위한 습관과 원칙
개인 포트폴리오 홈페이지 제작 방법
퍼블리싱 실력을 키우는 효율적인 학습방법
신입이지만 경력자처럼 퍼블리싱하는 노하우
강사가 말하는 국비지원 퍼블리셔 과정 리얼스토리
웹 퍼블리셔 취업 위한 준비절차와 요령을 모은 PDF 가이드북!
여러분의 목표에 한 발짝 더 가까이 다가서보세요!
퍼블리시 취업 진짜 실전 가이드는 퍼블리셔 취업 준비와 요령 뿐만 아니라,
취업해서 초반에 힘들게 배울 실무 요령을 미리 알고 대비할 수 있는 내용으로 구성 되었습니다.
인터넷에서 우연히 본 글인데요. 캬~ 이 얼마나 멋진 말입니까? 성공할 때까지 도전한다! 이 말을 보면 도전 정신이 뿜뿜 날 것 같고 실로 멋진 말처럼 들리지만, 개인적인 생각으로는 이 얼마나 잔인한 말입니까? 실제로 저걸 실행하고 있는 당사자는 얼마나 힘들까 합니다. 주변에 안되는 걸 될 때까지 하는 사람의 모습이 얼마나 애처롭습니까. 또 할 수 있는데 방향을 엉뚱하게 잡아서 시간 낭비, 돈 낭비, 열정 낭비하는 모습을 보면 안타깝습니다. 그게 본인이라면 말할 것도 없고요.
그래서 성공이라는 단어도 구분이 좀 애매하지만 우리는 일단 ‘퍼블리셔 취업’ 이라고 생각하겠습니다. 그리고 '퍼블리셔 취업 진짜 실전 가이드'가 퍼블리셔 취업이라는 목표에 조금 빨리 다가갈 수 있도록 돕겠습니다.
퍼블리셔 취업 진짜 가이드 강좌는 전자책(PDF) 콘텐츠로 이루어진 강좌입니다.
퍼블리셔라는 직업을 가지려고 시작하는 사람들이 시행착오를 겪으면서 시간 낭비하는 걸 보면서 그런 시행착오를 최소로 줄여드리고 싶은 마음으로 제작하게 되었습니다.
최근 2년간 국비지원 퍼블리싱 과정 강사를 하면서 100명 이상의 학생들 가르친 퍼블리싱 노하우를 이 책에 모두 담았다고 생각합니다. 퍼블리셔 취업을 준비한 학생의 입장이 아니라, 충분한 실무 경험과 강의 경험이 있는 사람이며 퍼블리셔 취업을 시킨 사람이 만든 퍼블리셔 취업 가이드입니다.
아무것도 모르는 학생들을 퍼블리셔로서 취업하기 위해 코딩 기초부터 중상급 퍼블리싱 스킬 그리고 개인 포트폴리오 홈페이지 제작까지 준비시킨 내용을 중심으로 실무를 위한 필수사항들을 정리했습니다.
퍼블리셔 취업 진짜 가이드 강좌는 전자책(PDF)에 담겨 있는 내용은...
퍼블리셔로서 일하기 위한 직군의 이해도와 마음가짐부터 신입이지만 경력자처럼 퍼블리싱할 수 있는 '퍼블리싱 기본기 향상 스킬'을 꼼꼼하게 담았습니다. 섹션 목차와 상세 내용을 보시면 더 잘 이해하시겠지만, 경력자처럼 퍼블리싱 하기뿐만 아니라 개인 포트폴리오 홈페이지 제작요령, 퍼블리셔로서 이력서 작성 방법, 웹 UI 디자인 실력 키우는 방법, 국비지원 퍼블리싱 과정에 대한 상세한 설명 등 퍼블리셔 취업을 위해 알아야 할 필수적인 내용이 담겨 있습니다.
퍼블리셔 취업 실전 가이드가 영상이 아니라 왜 전자책인가 라는 이야기를 해 보려고 합니다.
퍼블리셔 취업 실전 가이드 전자책을 만들기 전에 영상으로 제작을 시작했습니다. 초반에 제작하다 보니까 레코딩하고 빼먹은 것들이 너무 많아서 다시 레코딩하고를 반복하면서 좀 여유가 없다는 생각이 들었습니다. 그래서 영상보다는 전자책으로 만들자고 생각해서 시작했는데 좋은 선택이었다고 생각합니다. 타이핑 하기 전에 어떤 말을 할지 머리로 그려보고 어떤 어휘를 쓸지 어느 범위까지 쓸지에 대한 생각을 정리하고 글을 쓰니까 훨씬 안정감 들고 잘 써지더라고요.
이 말씀을 드리는 이유가 있습니다. 이 책을 쓰기 전까지만 해도 학생들이 퍼블리싱 교재 추천해달라고 하면 요새 누가 책보고 공부합니까 유튜브나 인프런 영상 보시면서 공부하세요 라고 말을 했었습니다. 그런데 이번 전자책을 쓰면서 느낀 건데 영상이라는 매체가 편하지만 내가 생각하고 음미하면서 고민하지는 못하잖아요. 학생들도 이 전자책을 읽으면서 앞으로 퍼블리셔 취업에 대한 계획과 마음가짐을 생각하고 음미하면서 볼 수 있겠다는 생각이 많이 들었습니다.
퍼블리싱 취업 실전 가이드를 처음에 기획할 때 인터넷에서 소스를 좀 구할까 하고 몇 날 며칠을 웹 서핑했는데 구할 수가 없었습니다. 그러고 나니까 든 생각이 2가지였습니다.
첫째는, 그래서 퍼블리셔 준비하는 사람들이 방향을 못 잡고 힘들어 하는구나..
둘째는, 인터넷에 소스가 없으니까 모든 내용을 순수하게 내 힘으로만 만들어야 하는구나..
만족스럽지 못한 국비지원 퍼블리싱 과정을 다니거나 수료한 학생들에게 퍼블리셔 취업을 위해 준비할 사항에 대한 질문을 이메일이든 유튜브 댓글이든 자주 받습니다. 그런데 이런 주제가 몇 문장으로 말할 수 없는 부분이라 간단하게 알려드리면서도 아쉬운 마음이 많이 들었습니다. 그래서 퍼블리셔 취업 가이드를 준비해야겠다고 생각했습니다.
그리고...
가끔 저에게 배운 학생이 퍼블리셔 취업했다고 아래와 같은 카톡을 보냅니다. 자주는 아니지만 이런 카톡을 받을 때 많이 뿌듯합니다. 제가 최근 2년간 국비지원 퍼블리싱 과정 강사를 하면서 아무것도 모르는 학생들을 퍼블리셔로 취업 시키는데 도움을 주었던 방법을 퍼블리셔 취업을 준비하지만 어떻게 시작해야 하는지 막막한 사람들과 공유하고 싶었습니다.
📔 전체 웹사이트 퍼블리싱을 위한 기능정의서(PDF) 제공
전체 웹사이트를 제작할 경우 [UI 디자인 → 기능정의서 작성 → 퍼블리싱]으로 이어지는 것이 가장 체계적입니다. 하지만 기능정의서를 작성하지 않고 퍼블리싱을 하는 경우가 굉장히 많습니다. 기능정의서를 작성하지 않고 퍼블리싱하면 일관성이 떨어질 수 있습니다. 특히, HTML 구조와 CSS 클래스 네임을 미리 정해 놓지 않으면 체계적인 퍼블리싱에 어려움을 겪을 가능성이 매우 높습니다.
전체 웹사이트 퍼블리싱을 위한 기능정의서 예시를 보시고 참고하시면 실무에서 체계적인 퍼블리싱을 하실 수 있습니다.
Q) 이 전자책 <퍼블리셔 취업 진짜 실전 가이드(PDF)>을 읽기 전에 선수지식이 필요한가요?
A) 전혀 필요 없습니다. 퍼블리셔 취업 또는 퍼블리싱에 관심만 있으시면 됩니다.
Q) 신입 퍼블리셔 또는 신입 웹디자이너로 일하고 있는데 이 책이 필요한가요?
A) 이 책에 있는 메인 내용은 퍼블리싱 기본기를 키우는 방법, 원칙에 대해 자세히 설명하고 있습니다. 퍼블리싱 기본기라는 건 곧, 경력자처럼 퍼블리싱하는 노하우는 현재 일을 하고 있는 분에게도 꼭 필요한 내용이라 생각합니다.
Q) 이 전자책 <퍼블리셔 취업 진짜 실전 가이드(PDF)> 페이지 수와 내용은 어떻게 되나요?
A) 전체 페이지는 159페이지 입니다. 그리고 내용은 코딩웍스가 모든 자료를 100% 만들었습니다. 인터넷에 있는 자료를 퍼와서 가공한 것도 전혀 없습니다. 코딩 화면, 글자 하나하나, 캡쳐 화면 모두 코딩웍스가 순수하게 제작했습니다. 곧, 인터넷에 있는 흔한 누구나 할 수 있는 내용으로 구성되어 있지 않다고 자신합니다.
가끔 전자책을 보면 상하좌우 여백이 화면의 3분의 1을 차지하는 경우를 봤습니다. 하지만 코딩웍스 <퍼블리셔 취업 진짜 실전 가이드(PDF)> 는 위에 있는 전작책 내용 캡쳐 화면처럼 글씨와 내용이 꼼꼼하게 들어가 있습니다.
Q) 이 전자책 <퍼블리셔 취업 진짜 실전 가이드(PDF)> 이외에 다른 콘텐츠도 있나요?
A) <퍼블리셔 취업 진짜 실전 가이드(PDF)> 책 내용 중에 [섹션 6. 퍼블리싱의 시작이자 완성! HTML 구조 와이어프레임] 내용 중에 HTML 구조 와이어프레임 제작하는 미션들이 있습니다. 그 미션에 대한 완성본을 다운로드 받으셔서 본인이 제작한 와이어프레임과 비교하시는 콘텐츠가 있습니다. 책 내용에 자세히 방법이 나옵니다.
Q) 이 전자책 <퍼블리셔 취업 진짜 실전 가이드(PDF)> 다운로드 후 업데이트 사항이 있나요?
A) 전자책의 특성상 빈번한 업데이트는 없습니다. 하지만 퍼블리셔 취업 가이드로서 알아야 할 내용이 있을 경우 PDF 파일이 수정되어 업로드 됩니다. 기존 내용이 수정되는 업데이트는 거의 없을거구요. 추가된 내용 업데이트가 있을 경우 어떤 추가 내용이 있는지 포함해서 새소식을 통해서 바로 알려드립니다.
퍼블리싱 기본기가 좋다면 취업도 빨리 됩니다. 그리고 일하면서도 인정받습니다.
그런데 퍼블리싱 기본기라는 게 뭔지 막연할 수 있지만 그렇지 않습니다.
퍼블리싱 기본기가 좋다는 건 코딩할 때 하지 말아야 할 것들을 안 하면 자연스럽게 바람직한 습관만 남습니다. 그러면 퍼블리싱 기본기가 좋다는 말을 듣습니다.
특히 퍼블리셔 취업을 준비하는 신입의 코드를 보면 코딩 기본기가 엉망인 경우가 많습니다.
그런데 본인의 코드가 얼마나 잘못되었는지 모르고 이런 이유로 퍼블리셔 취업이 안되는 주요 원인이 됩니다.
퍼블리싱 기본기를 잘못 배워서 그런 겁니다. 알면 바로 고칠 수 있습니다.
퍼블리셔 취업 진짜 실전 가이드(PDF) 책 속에 그 퍼블리싱 기본기를 좋게 하는 구체적인 방법을 모두 담았습니다.
전 코딩웍스라고 합니다.
웹 디자이너를 오래 했구요.
웹 퍼블리셔로 전향해서 실무에서 오래 일을 했구요.
최근 2년간 국비지원 퍼블리싱 과정 전문 강사로 나름 인정 받으면서 강의를 했구요.
코딩웍스 라는 유튜브 퍼블리싱 강의 채널을 3년 전부터 운영하고 있구요.
올해 초부터 인프런에서 웹디자인 기능사 실기시험 강의, 퍼블리싱 실전 예제 제작 강의, 반응형 웹사이트 제작 강의를 하고 있습니다.
힘든 시기에 코딩웍스 수강생 분들이 목표를 이루시길 바라는 마음을 갖고 정성스럽게 강의를 제작하고,
수강생 분들의 질문에 대한 답변 역시 그런 마음에서 답변하는 사람이 만든 '퍼블리셔 취업 실전 가이드 전자책'입니다.
▲ 국비지원 퍼블리싱 과정 저한테 4개월 반 정도 배운 학생인데, 취업했다고 카톡이 왔습니다.
▲ 코딩웍스 개인 포트폴리오 제작 오프라인 강의 수강생 면접 취업 결과 카톡을 받았습니다.(2023.4.24)
선생님 안녕하세요 :)
선생님 인프런 강의 듣던 학생 김O정입니다.
이번 여름 개인포트폴리오 관련해서 조언 얻고자 이메일 보냈던 학생입니다.
기억나실련지요?ㅎㅎ
다름이 아니라,
선생님께 조언 얻었던 포트폴리오로 퍼블리셔 취업 성공했다는 소식을 전하고자 메일 보내요!
심지어!!
사람인에 올려둔 포트폴리오를 보고 회사쪽에서 먼저 연락이 왔고, 줌으로 면접을 보고 합격했습니다!
회사쪽에선 희망연봉을 맞춰줬고 디자인, 개발 업무를 하지 않는 정말 퍼블리셔! 업무만 할 수 있는 회사에 들어오게 되었습니다.
경력직 퍼블리셔를 구하는 회사였는데, 신입인 저에게 연락이 와서 왜 저에게 연락을 주셨냐고 물어보니
다른 사람들 포트폴리오도 엄청 많이 봤는데, 제 포트폴리오에서 본 "기능정의서"가 눈에 띄어서 연락을 주셨다고합니다
이게 다 선생님의 강의 덕분이라고 생각합니다.
선생님 강의를 듣지않았다면 저 역시 그냥 평범한 포트폴리오가 되었을텐데 선생님께서 말씀해주신 꿀팁들로 취업에 성공 할 수 있었습니다!
비록 실제로 뵌적은 없지만,
포트폴리오를 만드는 내내 선생님 강의 보면서 엄청 의지하고 믿고 열심히 만들었습니다!
학원에서 긴 시간 수업을 들으면서 쌓았던 실력보다 선생님 강의를 듣고 포트폴리오를 만든 3달동안 실력이 엄청 상승했다는게 느껴집니다
간절히 원했고,
선생님이 말씀해주신대로 믿고 했더니 정말 좋은 결과가 나왔습니다.
정말 감사드립니다!
코로나 조심하시구요
또 좋은 강의로 만나고싶습니다 :)
감사 인사 전해드리려구요 ㅎㅎ
지금까지 선생님 강의 수강하고 2주 정도 이력서 내보면서 고생 좀 했는데요..
회사 한 곳 면접 합격하여 출근하기로 했습니다.. 정말 감사드립니다..ㅠㅠ
사실 제가 나이가 32살이라 걱정이 많았습니다 이력서를 많이 넣었는데 연락도 잘 안오고..
근데 이 회사 인사담당자가 본인은 학원 출신은 안좋아한다고 하더라구요 ㅎㅎ
제가 입사하기로 한 회사는 작지만 개발자도 있고 웹디자이너도 있습니다.
3개월동안 교육시키고 실무에 투입하는 식이더라구요.
거리도 좀 있고 연봉도 낮긴하지만.. 열심히 배워서 연봉을 올려보려구요~ ㅎㅎ
그 동안 정말 감사했습니다. 질문 답변도 잘해주시고 이렇게 온라인으로 강의를 들어서 취업이 되니까 너무 신기하네요..
앞으로도 선생님 강의 들으면서 실력 더 키우면서 공부하겠습니다. 화이팅~!
학습하시면서 궁금하신 사항이 있으시면 질문해주세요. 질문 주실 때는 안되는 내용과 코드 그리고 브라우저 결과 화면 캡쳐를 올려주셔야 합니다. 코드의 경우 HTML, CSS, JS 코드 모두 올려주셔야 정확한 답변을 드릴 수 있습니다.
질문글에 코드 없이 글로만 문제를 설명하시면 정말 간단한게 아니라면 정확한 답변을 드리기 어렵습니다. 그럼 제가 'HTML, CSS, JS 코드와 브라우저 캡쳐를 올려주세요~' 라고 다시 답변을 달 수 밖에 없고 결국 해결책을 얻는데 번거롭고 시간이 더 걸립니다.
▲ 해당 강의 커뮤니티의 자주묻는 질무 보기를 먼저 확인해주세요~
코딩웍스 퍼블리싱 유튜브 채널에서 이론 영상 강의와 병행하시기 바랍니다. 물론 모든 이론 영상이 유튜브 채널에 있는건 아니지만 중요한 이론 영상은 거의 다 있습니다. 영상이 많으니까 영상을 찾는 방법은 아래 예시처럼 검색하시는게 좋습니다.
코딩웍스 퍼블리싱 유튜브 채널 : https://www.youtube.com/codingworks
▲ 퍼블리셔 취업을 위한 코딩웍스 퍼블리싱 강의 로드맵
코딩웍스와 함께하는 퍼블리셔 취업 진짜 실전 가이드
섹션별 목차 및 상세내용
※ 상세내용 중 붉은 색으로 표시된 부분은 최근 업데이트된 주제입니다.
섹션 00. 프롤로그
01. 코딩웍스가 퍼블리셔 취업 가이드 강의를 준비하게 된 동기
02. 퍼블리셔 취업 가이드 학습 내용과 목표
03. 퍼블리셔 취업 가이드 세부 목차
섹션 01. 퍼블리셔에 대해 이해하고 마음먹기
01. 내 적성은 퍼블리셔 업무에 적합할까요?
02. 퍼블리셔 취업 어디서부터 시작하고 어떻게 준비해야 되나요?
03. 퍼블리셔가 뭐하는 직군인지 어떤 일을 하는지 정확히 알고 싶어요.
04. 웹디자이너가 이제 경쟁력이 많이 떨어지는 이유는?
05. 퍼블리셔 취업에서 전공자와 비전공자의 차이가 있나요?
06. 웹 서비스 프로젝트를 구성하는 사람들은 어떤 업무를 하는 거죠?
07. 웹 서비스 프로젝트를 구성하는 사람들과 협업 요령이 궁금합니다.
08. 퍼블리셔 연봉은 얼마나 되나요? 디자이너 보다 괜찮은가요?
09. 퍼블리셔 취업을 준비하는데 나이가 좀 많습니다. 나이가 얼마나 연관성이 있을까요?
10. 신입 퍼블리셔가 취업하면 회사에서 주로 어떤 일을 하게 되나요?
11. 디자이너가 없는 회사와 개발자가 없는 회사, 반드시 가야 한다면 어디를 가야 하나요?
12. 디자이너가 퍼블리싱 능력 키우려고 열심히 노력하는 이유가 뭔가요?
13. 저작권 없는 무료 디자인 소스 다운로드 사이트 총정리
14. 퍼블리싱을 잘하고 싶다면 반드시 듀얼 모니터 환경을 갖추세요.
섹션 02. 국비지원 퍼블리셔 과정 미리보기
01. 퍼블리셔 취업을 위한 국비지원과정에 대해 상세히 알고 싶어요.
02. 국비지원 퍼블리싱 과정 전체 일정과 강사 채용과정
03. 퍼블리셔 취업을 위해 괜찮은 국비지원과정 선택 요령
04. 국비지원 퍼블리싱 과정에서 생기는 각종 리스크와 변해가는 강사
05. 퍼블리셔 국비지원 과정을 듣는 다면 필수적으로 알아야 할 내용이 뭔가요?
06. 그럼 국비지원 퍼블리싱 과정 다녀? 말어? 결론을 내려주세요.
07. 국비지원 과정 다닌 것을 후회한다는 글과 영상을 볼 때 느끼는 점
섹션 03. 실력 있는 퍼블리셔 되기 위해 학습하기
01. 퍼블리싱 실력을 늘리기 위한 최적의 학습방법은 무엇인가요?
02. 온라인 학습을 위해 책으로 공부? 유튜브가 좋을까요? 인프런 강의가 좋을까요?
03. 디자이너, 퍼블리셔, 디블리셔.. 3차 코딩테스트
04. 포토샵은 디자이너는 잘하고 퍼블리셔는 못해도 되나요?
05. 퍼블리셔로 일할 건데 포토샵 능력이란 어디 까지며 일러스트레이터도 잘해야 하나요?
06. 디자인 능력을 높이기 위한 현실적인 방법이 어떤 것들이 있을까요?
07. 퍼블리셔로 알아야 하는 스킬과 알아야 하는 참고 사이트는 어떤 것들이 있죠?
08. 퍼블리셔를 위한 최적의 텍스트 에디터는 어떤거요?
09. 퍼블리싱 실력이 좋다는 건 정확히 뭘 말하는 건가요?
10. 반응형 웹 제작을 위해 플렉스(Flex)와 그리드(Grid), 어떤 것 쓰는 게 효율적일까요?
11. SCSS, SASS라고 부르는 사스는 뭐고 꼭 해야 하나요?
12. 퍼블리싱 이론을 알고 있다고 결과물이 다 같지 않아요.(퍼블리싱에 대한 애정과 정성)
13. 퍼블리싱 유튜브 채널 ‘코딩웍스’에서 학습요령과 활용방법
14. 좋은 퍼블리싱 강의, 잘 가르치는 퍼블리싱 강사 고르는 안목
섹션 04. 포토샵 UI 디자인 실력 키우기
01. 퍼블리싱 실력은 단기에 올릴 수 있지만 디자인 실력은 그렇지 않습니다.
02. 잘 된 웹 UI 디자인을 밑 그림으로 좋은 디자인 감각 익히기
03. 수정 보완해서 제작한 웹 UI 디자인을 퍼블리싱 하기
04. 퍼블리셔가 디자이너처럼 색상 잘 사용하기
05. 포토샵 UI 디자인 실력 키우기 섹션을 정리하면서..
06. 퍼블리싱 소스와 디자인 소스의 메카, 테마포레스트(ThemeForest)
07. 디자이너와 퍼블리셔를 위한 무료 디자인 소스 프리픽(FreePik) 활용법
08. 퍼블리셔에게 역시 알맞은 포토샵 버전은 Photoshop CC 2019
섹션 05. 신입이지만 경력자처럼 퍼블리싱 하기
01. 신입 퍼블리셔를 뽑는 선수(?)들은 소스 코드보면 다 압니다.
02. 하드코딩(Hard Coding) 할 줄 아세요?
03. 신입이나 초보 퍼블리셔가 무턱대고 쓰는 Reset CSS, 사용 목적은 알고 쓰세요.
04. 폰트어썸 어떤 버전을 어떻게 링크해서 사용할까?
05. 외부 파일을 사용할 때 Download 할까? CDN 사용할까?
06. 신입 퍼블리셔 뽑을 때 3차 관문! 코딩테스트에 대해 알아볼게요
07. 퍼블리싱 실력은 곧, HTML 구조를 잘 만드는 것 입니다.
08. 경력 퍼블리셔처럼 CSS 코딩하기(바람직한 코딩 필수 항목)
09. 영상으로 학습하면서 포트폴리오 준비하는 가장 효율적인 방법
10. 퍼블리셔로서 파일 용량을 줄이는 습관 갖기(Image File Optimize)
11. 퍼블리싱 취업을 위한 제이쿼리(JQUERY) 학습 범위
12. 퍼블리싱 시작에 적합한 텍스트 에디터 Adobe Brackets 사용법 익히기
13. 자바스크립트 어렵지만 인라인 자바스크립트 필수로 아셔야 합니다.
14. 퍼블리셔에게 너무 중요한 폴더 구조 잘 만들기 X 상대주소와 절대주소 제대로 알기
15. 반응형 퍼블리싱에서 px em rem 어떤 단위를 사용해야 할까요?
16. span 태그는 다른 용도로 쓰면 안되고 텍스트만 감싸야 한다고?
17. 반응형을 위한 미디어쿼리 어렵게 생각하지 말고 지금 필요한 것만 아시면 됩니다.
18. 퍼블리셔에게 꼭 필요한 크롬 확장프로그램 활용하기
19. 크롬 개발자도구를 사용법과 써야야 할 때와 아닌 때
20. 퍼블리싱 작업을 위해 꼭 알아야 하는 CSS 가상 클래스
21. 중급 퍼블리싱으로 올가 가는 필수! 속성 선택자(Attribute Selector)
섹션 06. 퍼블리싱의 시작이자 완성! HTML 구조 와이어프레임
01. 이 섹션이 왜 무지하게 중요한지에 대한 이해가 선행되어야 합니다.
02. HTML 구조 와이어프레임 잘 그리는 방법과 훈련하기
03. 파워포인트를 이용해 HTML 구조 와이어프레임 그리기
04. 핸드 드로잉(Hand Drawing)을 이용해 HTML 구조 와이어프레임 그리기
05. 이론 예제 또는 실전 예제를 공부하실 때 알아 두시면 좋은 팁(Tip)
06. HTML 와이어 프레임 그리고 HTML 코딩하기 미션 사용설명서
07. HTML 구조 와이어 프레임 미션(1) : 개인 프로필 카드 UI
08. HTML 구조 와이어 프레임 미션(2) : 퍼블리싱 과정 소개 리스트
09. HTML 구조 와이어 프레임 미션(3) : 개인홈페이지 포트폴리오 리스트
섹션 7. 퍼블리싱의 기본기! 바람직한 코딩 습관과 원칙
01. HTML 작성할 때 특별한 경우를 제외하고 절대 빈 줄 만들지 않기
02. HTML 태그 대소문자 혼용 안 하기(HTML 속성 안에 따옴표에 띄어쓰기 안 하기)
03. HTML 태그에 주석처리 잘하기(주석 남용하지 않기)
04. HTML 태그 클래스 속성 또는 아이디 속성 넣을 때 바람직한 순서
05. p 태그에 텍스트 넣을 때 반드시 엔터를 치고 넣습니다.
06. HTML 태그 인덴트(indent) 맞추기(탭 간격 이해하기)
07. HTML5 시멘틱 태그 활용 하기
08. Brackets와 Visual Studio Code에서 탭 간격 설정하기
09. CSS 코딩에서 절대하면 안되는 0 순위, 줄 코딩 안하기
10. CSS 선택자 속성 내부의 띄어쓰기 잘하기
11. CSS 코드에서 주석 처리 잘 하기(빈 줄 허용범위)
12. CSS 연결선택자를 어떻게 정리할 것인가?
13. CSS 선택자 HTML 순서로 잘 정리하기
14. CSS 공통 클래스 정리하기
15. CSS 자식선택자 남용하지 않기
16. CSS 클래스 네임 잘 만들기 (일정한 패턴과 규칙)
17. 아이디와 클래스 구분해서 사용하기
18. HTML head 사이에 들어갈 내용 잘 정리하기
섹션 08. 퍼블리셔 취업을 위한 개인 포트폴리오 홈페이지 준비
01. 퍼블리셔 취업을 위한 포트폴리오 준비는 어떻게 하죠?
02. 포트폴리오라는 종류와 범위가 정확히 어디 까지죠?
03. 퍼블리셔 취업을 위한 개인 포트폴리오 홈페이지에 어떤 종류로 몇 개를 준비해야 하나요?
04. 개인 포트폴리오 홈페이지에서 작업 결과물 잘 보여주는 UI/UX는 어떻게 하죠?
05. 개인 포트폴리오 홈페이지 잘 준비하는 프로세스를 알려주세요.
06. 개인 포트폴리오 홈페이지에 작업물(포트폴리오) 잘 보여주기
07. 개인 포트폴리오 홈페이지 웹 호스팅 하기(카페24, FTP 사용법)
섹션 09. 개인 포트폴리오 홈페이지가 준비되었다면 퍼블리셔로 취업 준비하기
01. 퍼블리셔 취업 이력서와 직무기술서 작성 방법이 궁금합니다.
02. 퍼블리셔 경력을 쌓기 좋은 회사는 어떤 회사를 선택하는 게 좋을까요?
03. 퍼블리싱 레벨을 구분할 때 초급, 중급, 중고급, 고급 어떤 기준으로 구분하는 거죠?
04. 구인광고에 디자이너 구인보다 퍼블리셔 구인이 상대적으로 많이 적은데 이유가 뭔가요?
05. CSS 프레임웍이 어떤 것인지 알려주시고 퍼블리셔에게 가장 적당한 것을 추천해주세요.
섹션 10. 퍼블리셔로 일하면서 알면 좋고 몰라도 좋고 그냥 상식 코너
01. 퍼블리셔로 일하면서 알면 좋고 몰라도 좋고 그냥 상식 코너
02. 회사 가기 전에 알아 두면 좋은 것들(업무 처리하기, 협업 등)
03. 디자인 스타일 가이드는 디자이너만 필요한 게 아닙니다. 퍼블리셔도 반드시 필요합니다.
04. 퍼블리셔가 개념 없는 디자이너를 만났을 때
05. 퍼블리셔로 첫 회사는 길게 다닐 회사를 선택하죠?
06. 퍼블리셔 취업하는데 웹디자인 기능사 자격증이 도움이 될까요?
07. 퍼블리셔 취업을 위해 웹접근성과 같은 것들을 충분히 경험하고 취업을 해야 하나요?
08. 퍼블리셔 취업 후 퍼블리싱 능력 향상을 위해서 어떻게 공부하면 좋을까요?
섹션 11. 에필로그
01. 퍼블리셔 취업 실전 가이드를 맺으며...
02. 퍼블리싱 실력 향상을 위해 효율적인 학습 로드맵이 있을까요?
03. 수고하셨습니다.
면접과 취업을 부르는 퍼블리셔 개인 포트폴리오 홈페이지 제작, scss, sass, flex, grid, html, css, html/css, website, 웹 퍼블리셔, 퍼블리셔 취업, 웹사이트, 코딩, coding, jquery, javascript, 제이쿼리, 자바스크립트, 레이아웃, 인터렉티브웹, interactive web, web design, 웹디자인, 포트폴리오, 퍼블리싱, 반응형 웹, 웹디자인기능사 실기시험, bootstrap, 부트스트랩, css frameworks, 프레임워크
학습 대상은
누구일까요?
퍼블리셔로 취업을 희망하는 분
디자이너에서 퍼블리셔로 이직을 희망하는 분
초급 퍼블리셔지만 경력자처럼 바람직한 코딩 요령이 필요한 분
국비지원 퍼블리싱 과정을 다닐까 고민하는 분
■ [현재] 국비 퍼블리싱 & 프론트엔드 강사
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
■ 웹디자인 기능사 실기 자격증반 강의
■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱
🌏코딩웍스 인프런 강의목록 - https://www.inflearn.com/users/@codingworks
🌏인프런 코딩웍스 강의 학습 순서(학습 로드맵) - https://www.inflearn.com/blogs/2351
🌏코딩웍스 인프런 퍼블리싱 블로그 - https://www.inflearn.com/users/@codingworks/blogs
🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks
🟣인프런 인포커스 코딩웍스 인터뷰 보기 : https://www.inflearn.com/pages/infocus-8-20230704
전체
7개 ∙ (7분)
가 제공되는 강의입니다.