🎯 2025 완강 챌린지 🎯

블로그

코딩웍스(Coding Works)

[인프런 코딩웍스 강의 학습 순서]를 통해 개인 포트폴리오 홈페이지 제작까지~!!

안녕하세요. 코딩웍스입니다.이번 블로그 포스팅은 <인프런 코딩웍스 강의 학습 순서>를 이해하기 쉽게 알려드리려고 합니다.꽤 많은 수강생들께서 <인프런 코딩웍스 강의 학습 순서>를 문의하시는 경우가 많습니다.물론 인프런 코딩웍스 학습 로드맵이 있지만 블로그처럼 쉽게 설명하기가 어려워서 수강생 입장에서 어떤 것을 우선 순위로 해야 하는지 또 다음 학습은 어떤 것을 해야 하는지 명확하게 이해하시기 쉽지 않을거라 생각이 듭니다.그래서 나름 다시 블로그에 <인프런 코딩웍스 강의 학습 순서>를 정리했으니 참고하시기 바랍니다.==================================================🎯 취우선 순위로 학습할 강의 - Small Roadmap #01 01) <퍼블리싱 핵심이론 PDF 교재 및 예제파일>강의를 수강하시고 완독하시기 바랍니다.해당 강의는 퍼블리싱 학습을 하기 전에 필수적인 이론을 정리했으므로 앞으로 퍼블리싱 학습을 위한 기본서입니다.당장 완독할 필요까지는 없습니다. 먼저 전체를 보시고 앞으로 영상 강의에서 부족한 이론 부분을 찾아서 참고하시면 됩니다.[기대효과]퍼블리싱 이론서 보유PDF 교재이므로 필요할 때 언제 어디서든지 볼 수 있는 장점🚩 해당 강의소개 바로가기 : https://inf.run/4SVc02) <퍼블리셔 취업 진짜 실전 가이드(PDF)> 강의를 수강하시고 완독하시기 바랍니다.해당 강의는 퍼블리싱 학습을 하기 전에 필수적으로 알아야 하는 퍼블리싱 원칙, 바람직한 코딩 등 거의 모든 내용이 담겨 있습니다.앞으로 퍼블리싱 학습을 위한 기본 지침서가 될 것 입니다.[기대효과]퍼블리셔 취업을 위해 무엇을 어떻게 준비할지 요령을 알게 됩니다.퍼블리싱 기본기를 위한 습관과 원칙을 충분히 이해할 수 있습니다.퍼블리싱 실력을 키우는 효율적인 학습방법을 알게 됩니다.🚩 해당 강의소개 바로가기 : https://inf.run/nmFR03) <HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)> 강의를 수강하시고 완강하시기 바랍니다.해당 강의의 초반부의 기초 이론은 알고 있는 내용이라면 스킵하고 실전 예제 제작 섹션을 학습하세요.만약 기초 이론이 생소하다면 꼭 보시고 실전 예제 제작 섹션을 학습하세요.[기대효과]해당 강의를 완강하면 퍼블리싱 기본기를 충분히 갖추실 수 있습니다.실전 예제 제작 학습 후 테마를 변경해서 응용하면 퍼블리싱 결과물로 함께 준비할 수 있습니다.🚩 해당 강의소개 바로가기 : https://inf.run/t22k04) <중상급 퍼블리싱을 위한 CSS3의 모든 것> 강의를 수강하셔서 CSS를 심도있게 학습하세요.해당 강의 수강하지 않고 반응형 포트폴리오 제작 등 전체 웹사이트 제작 강의를 들으면 알지만 확실히 내 것이 된다는 느낌이 적을 수 있습니다.하지만 <중상급 퍼블리싱을 위한 CSS3의 모든 것> 강의의 내용을 확실히 알고 학습하면 하나 하나가 완전히 수강생의 것이 될 것 입니다.[기대효과]앞으로 이어질 강의, 포트폴리오 제작에서 근간이 되는 CSS 실력이 한층 상승됩니다.🚩 해당 강의소개 바로가기 : https://inf.run/uiQ405) <HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)> 강의를 수강하시고 완강하시기 바랍니다.<HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)> 강의와 <중상급 퍼블리싱을 위한 CSS3의 모든 것> 강의 정도의 이해도가 없다면 수업에 따라오시기 어려울 수 있습니다.[기대효과]해당 강의를 완강하면 퍼블리싱 기본기를 더욱 향상 시킬 수 있습니다.실전 예제 제작 학습 후 테마를 변경해서 응용하면 퍼블리싱 결과물로 함께 준비할 수 있습니다.개인 포트폴리오 홈페이지에 올라갈 클론 코딩 반응형 웹사이트 2개를 갖게 됩니다.🚩 해당 강의소개 바로가기 : https://inf.run/8o9A================================================== 🎯트랜드 신기술을 위해 학습할 강의 - Small Roadmap #02 01) <플렉스(Flex) 반응형 웹사이트 포트폴리오> 강의를 수강하시고 완강하시기 바랍니다.실무에서 가장 많이 사용되는 플렉스에 대한 이해도 뿐만 아니라 활용할 수 있는 실력을 충분히 갖게 됩니다.[기대효과]플렉스로 만든 실전 퍼블리싱 결과물을 갖게 됩니다.플렉스로 만든 반응형 전체 웹사이트 포트폴리오 결과물을 갖게 됩니다.🚩 해당 강의소개 바로가기 : https://inf.run/5gug02) <SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱> 강의를 수강하시고 완강하시기 바랍니다.퍼블리셔 채용에서 우대사항인 SCSS(SASS)에 대한 이해도 뿐만 아니라 활용할 수 있는 실력을 충분히 갖게 됩니다.실전 퍼블리싱 제작은 있지만 전체 웹사이트 제작 강의는 없습니다. 하지만 완강 후 수강생이 SCSS(SASS)로 전체 웹사이트 포트폴리오를 만들면 큰 경쟁력이 됩니다.[기대효과]퍼블리셔 채용에서 우대사항인 SCSS(SASS)를 기술할 수 있습니다.SCSS(SASS)로 만든 실전 퍼블리싱 결과물을 갖게 됩니다.🚩 해당 강의소개 바로가기 : https://inf.run/25Ho03) <그리드(Grid) 핵심이론 및 실전 활용> 강의를 수강하시고 완강하시기 바랍니다.그리드에 대한 이해도 뿐만 아니라 활용할 수 있는 실력을 충분히 갖게 됩니다.[기대효과]퍼블리셔 이력서에 그리드 사용 기술를 기술할 수 있습니다.※ 그리드 학습은 퍼블리셔 취업을 위해 당장 필요하지는 않으니 학습 우선 순위에서 지금은 빼셔도 됩니다.🚩 해당 강의소개 바로가기 : https://inf.run/FnCM04) <최고의 프론트엔드 CSS Frameworks, UIkit> 강의를 수강하시고 완강하시기 바랍니다.CSS Frameworks 중 UIKit에 대한 이해도 뿐만 아니라 활용할 수 있는 실력을 충분히 갖게 됩니다.[기대효과]퍼블리셔 이력서에 그리드 사용 기술를 기술할 수 있습니다.※ UIkit 학습은 퍼블리셔 취업을 위해 당장 필요하지는 않으니 학습 우선 순위에서 지금은 빼셔도 됩니다.🚩 해당 강의소개 바로가기 : https://inf.run/u2h1 ==================================================🎯 전체 웹사이트 제작을 위해 강의 - Small Roadmap #03해당 로드맵을 학습하기 전에 최소한 Small Roadmap #01의 강의들은 충분히 학습된 상태여야 전체 웹사이트 제작 강의를 손쉽게 따라 오실 수 있습니다. 뿐만 아니라 완강 후 개인 포트폴리오 홈페이지에 올라갈 테마 변경 작업 웹사이트 제작도 자신감을 가질 수 있습니다.01) <반응형 웹사이트 포트폴리오(Architecture Agency)> 강의를 수강하시고 완강하시기 바랍니다.[기대효과]그동안 갈고 닦은 퍼블리싱 실력을 실전 웹사이트 제작에 사용하면서 실전 활용에 대한 경험을 갖게 됩니다.완강 후 테마를 변경해서 개인 포트폴리오에 올린 웹사이트 퍼블리싱 결과물을 만들게 됩니다.🚩 해당 강의소개 바로가기 : https://inf.run/h6S702) <반응형 웹사이트 포트폴리오(App Official Landing Website)> 강의를 수강하시고 완강하시기 바랍니다. [기대효과]그동안 갈고 닦은 퍼블리싱 실력을 실전 웹사이트 제작에 사용하면서 실전 활용에 대한 경험을 갖게 됩니다.완강 후 테마를 변경해서 개인 포트폴리오에 올린 웹사이트 퍼블리싱 결과물을 만들게 됩니다.🚩 해당 강의소개 바로가기 : https://inf.run/pkx603) <모바일 웹 퍼블리싱 포트폴리오 with Figma> 강의를 수강하시고 완강하시기 바랍니다. 퍼블리셔 취업을 위해 다양한 종류의 퍼블리싱 결과물이 필요합니다. 그 중에 모바일 웹 UI 디자인 및 퍼블리싱 결과물이 가장 중요합니다.Figma를 사용해서 제작된 강의이므로 요즘 대세인 Figma로 UI 디자인을 하면서 Figma 활용 능력 또한 가질 수 있습니다.[기대효과]가장 중요하고 경쟁력 있는 포트폴리오인 모바일 웹 퍼블리시이 결과물을 얻게 됩니다.Figma로 제작하는 UI 디자인 능력과 디자인 결과물을 보여줄 수 있습니다.🚩 해당 강의소개 바로가기 : https://inf.run/5vsq 04) <SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma> 강의를 수강하시고 완강하시기 바랍니다. 웹 퍼블리셔와 개발자를 위한 최고의 S웹 퍼블리셔와 개발자를 위한 최고의 반응형 웹 포트폴리오 제작일관성 있는 클래스네임과 함께 HTML 와이어프레임 구조를 만들어 퍼블리싱까지 완료하는 체계적인 반응형 웹 사이트 프로젝트 제작 과정Figma를 사용해서 제작된 강의이므로 요즘 대세인 Figma로 UI 디자인을 하면서 Figma 활용 능력 또한 가질 수 있습니다.[기대효과]SCSS(SASS) 핵심 이론 및 실무 활용 능력FLEX Layout 핵심 이론 및 실무 활용 능력PC, 모바일, 태블릿 대응 반응형 레이아웃 설계 및 제작🚩 해당 강의소개 바로가기 : https://inf.run/gxza  ==================================================🎯 퍼블리셔 취업을 위한 강의 - Small Roadmap #04해당 로드맵은 진짜 취업을 위해 개인 포트폴리오 홈페이지를 제작하는 과정이므로 Small Roadmap #01, 02, 03이 완료된 상태에서 진행하시기 바랍니다. 결과물이 없거나 부족한 상태에서 개인 포트폴리오 홈페이지 제작 방향을 잡기 어렵습니다. 또한, 이력서 작성과 취업을 위한 현실적인 자신의 상태를 체크하기도 어렵습니다.01) <면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작> 강의를 수강하시고 완강하시기 바랍니다.[기대효과]막연한 개인 포트폴리오 홈페이지 제작 방향과 실제 제작을 할 수 있습니다.완강 후 퍼블리셔 취업을 위한 괜찮은 개인 포트폴리오 홈페이지를 제작할 수 있습니다.🚩 해당 강의소개 바로가기 : https://inf.run/Wuie02) <퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)> 강의를 수강하시고 완독하시기 바랍니다. [기대효과]막연한 개인 포트폴리오 홈페이지 제작 방향과 실제 제작을 할 수 있습니다.완강 후 퍼블리셔 취업을 위한 괜찮은 개인 포트폴리오 홈페이지를 제작할 수 있습니다.🚩 해당 강의소개 바로가기 : https://inf.run/ziSK03) <퍼블리셔 취업하는 훌륭한 이력서 작성 가이드> 강의를 수강하시고 완강하시기 바랍니다. [기대효과]경쟁력 있는 퍼블리셔 취업 이력서 및 자기소개서를 작성할 수 있습니다.면접 요령, 희망 연봉 적정선 등 취업과 면접을 위해 필수적인 사항을 아시게 됩니다.🚩 해당 강의소개 바로가기 : https://inf.run/VGv9 🏳‍🌈 마무리 하면서..<퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)> 을 Small Roadmap #01이 끝나면 먼저 보시는 것을 추천드립니다.<퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)>가 마지막 단계에서 필요한데 먼저 보시라고 하는건 전체적으로 개인 포트폴리오 홈페이지 제작을 위해 필요한 것들이 무엇인지 먼저 알고 준비하시는게 좋습니다. 어차피 해당 교재는 마지막 단계에서 필요하니 미리 봐두시는게 좋습니다. 물론 실습 부분을 따라 하실 필요는 없고 당장은 전체적인 제작 흐름과 필요한 준비가 뭔지에 대해서 이해하는 정도로 하세요. 한가지 더 말씀 드리면 코딩웍스 강의 중에 <웹디자인기능사 실기시험 완벽 가이드> 강의가 있습니다. 코딩웍스가 인프런에 처음으로 올린 강의라서 가장 애정하는 강의이기도 합니다. <웹디자인기능사 실기시험 완벽 가이드> 강의가 퍼블리셔 취업을 위해 필수적이지는 않습니다. 하지만 웹디자인기능사 자격증이 있으면 여러가지로 장점이 있습니다. 사실 회사에서 퍼블리셔 신입을 채용하면서 진짜 기본은 하는지 확인하는 방법은 현실적으로 일을 시켜봐야 알 수 있습니다. 그렇지만 퍼블리싱 기본 능력에 대한 확신을 채용 전에 갖기는 쉽지 않습니다. 반면에 웹디자인기능사 자격증이 있으면 최소한 퍼블리싱 기본 능력은 있다고 판단할 수 있습니다.

퍼블리셔포트폴리오반응형웹퍼블리셔취업

코딩웍스(Coding Works)

모바일 웹(Mobile Web) & 모바일 앱(App) 개념 이해하기

안녕하세요. 코딩웍스입니다.반응형, 적응형, 모바일 웹, 네이티브 앱, 하이브리드 앱.. 구분을 일반인들이 할 필요는 없습니다. 하지만 퍼블리셔는 최소한의 구분은 할 수 있어야 면접과 실무에서 도움이 됩니다. 특히 제작자 곧, 퍼블리셔라면 모바일 웹(Mobile Web) & 모바일 앱(App)에 대한 개념 이해하는 것이 중요합니다.네이티브 앱(Native App)특징 : 스토어에서 다운, 앱 개발자가 만듦, 프로토타입 툴 Sketch & Adobe XD (html, css X)장점 : 빠르다, 보안이 좋다, 모바일 디바이스에 최적화된 레이아웃을 제공단점 : 업데이트가 번거롭다, 특수한 개발 인력이 요구된다.모바일 웹(Mobile Web) ← 퍼블리셔 포트폴리오특징 : Mobile First, 하나의 html이 Only 모바일에 맞춰 제작됨.장점 : 모바일에 최적화된 레이아웃 및 켄텐츠 구성을 제공, 빠른 수정 및 업데이트단점 : PC로 들어온 유저에 대해 최적화된 레이아웃 및 켄텐츠 구성을 제공하기 어렵다.모바일 웹 앱(Mobile Web App)특징 : Web과 App의 중간적인 특징을 가짐(하이브리드 앱.. 이라고도 부름)장점 : 모바일에 최적화된 레이아웃 및 켄텐츠 구성을 제공, 빠른 수정 및 업데이트단점 : 네이티브 앱에 비해 상대적으로 느린 로딩 속도, 디바이스 종류에 따른 레이아웃 최적화하이브리드 앱(hybrid App) 이라고 부름.반응형 웹(Responsive Web) ← 퍼블리셔 포트폴리오특징 : 하나의 html이 디바이스에 따라 레이아웃이 미디어쿼리 내의 CSS에 의해 변경됨.장점 : 한번의 작업으로 PC와 모바일을 커버함.단점 : PC와 모바일의 특징을 모두 살려서 정교하게 만들기 어려움.적응형 웹(Adaptive Web)특징 : PC와 모바일에 개별적인 html로 제작되어 있음.장점 : 각 디바이스의 레이아웃 및 특성에 맞춰 최적화해서 제작됨.단점 : 항상 2번 작업해야 함.예시1 : www.abc.com/index.html 와 www.abc.com/mobile/index.html예시2 : www.abc.com 과 m.abc.com모바일 웹 앱(하이브리드 앱)을 만들기 위해서 퍼블리셔가 일단 모바일 웹이 제작되어야 하고, 제작된 모바일 웹을 앱 스토어, 플레이스토어에 등록하기 위해 겉을 감싸는 앱(App) 작업을 앱 개발자가 하게 됩니다. 곧, 유지보수 업데이트도 퍼블리셔가 하게 됩니다. 반면에 네이티브 앱은 완전히 앱 개발자가 모두 만들게 되고 유지보수 업데이트도 앱 개발자가 하게 됩니다.퍼블리셔 취업과 이직을 위해서는 모바일 웹(Mobile Web)과 반응형 웹(Responsive Web) 작업물을 잘 만들어야 경쟁력이 있습니다. 

모바일웹반응형웹네이티브앱모바일웹앱하이브리드앱적응형웹

코딩웍스(Coding Works)

[1대1 오프라인 강의] 웹 퍼블리셔 취업과 이직을 위한 개인 포트폴리오 홈페이지 제작

안녕하세요. 코딩웍스입니다.2025년 코딩웍스 오프라인 강의를 소개합니다.<웹 퍼블리셔 취업과 이직을 위한 개인 포트폴리오 홈페이지 제작 과정>은 코딩웍스와 학생 1명과 진행하는 1대1 수업이고 8주과정으로 오프라인으로만 진행됩니다."코딩웍스만 믿고 잘 따라오시면 퍼블리셔 취업과 이직할 수 있습니다!!""1대1 밀착형 개인 수업"이번에 오픈하는 오프라인 강의 특징은 8주과정 동안 퍼블리셔 직군으로 빠른 취업을 위해 경쟁력 있는 개인 포트폴리오 홈페이지를 코딩웍스의 개인 지도를 받으면서 8주 동안 정말 괜찮게 완성합니다.수업내용은 코딩웍스가 지난 국비 퍼블리싱 학원에서 수료하기 전 한 달 반 동안 진행했던 <개인 포트폴리오 홈페이지 제작> 커리큘럼을 그대로 진행합니다. 물론 국비 퍼블리싱 학원 학생들처럼 학원에서 작업하는 시간을 많이 할애할 수는 없지만 이런 부분을 커버하기 위해 매주 진행해야 할 작업량을 개인별로 제시하고 다음주에 세밀하게 체크합니다. 국비 퍼블리싱 학원 때는 학생들이 많아서 개인별로 체크 & 피드백을 하는 부분이 제한적이지만 이번에는 소그룹으로 진행하기 때문에 수강생 개인에 맞게 거의 1:1로 수정 보완을 코딩웍스와 함께 하게 됩니다.🌈 코딩웍스 오프라인 강의는 다릅니다.웹사이트 디자인 방향성과 체계적인 퍼블리싱 실력 갖추기디자인이 약점인 학생의 경우 디자인을 위한 타겟 사이트를 정하고 디자인 방향성을 잘 잡을 수 있도록 참고 레퍼런스를 보면서 1:1로 지도합니다.디자인을 기초로 HTML 와이어프레임 구조 설계하면서 경력자와 같은 HTML 구조 설계 방법, 효율적인 클래스 네이밍 방법 그리고 다양한 실무 팁까지 학습합니다. 학습과 동시에 큰 어려움 없이 실제 포트폴리오 웹사이트 퍼블리싱까지 완성합니다.개인 포트폴리오 홈페이지 완성개인 포트폴리오 홈페이지 내 퍼블리싱 결과물 완성을 위한 로드맵개인 포트폴리오 홈페이지 결과물(모바일 웹 퍼블리싱, 웹사이트 퍼블리싱, 실전 퍼블리싱, JS 작업물) 1대1 수업으로만 진행되는 밀착 수업 누가봐도 괜찮은 퍼블리셔 취업을 위한 개인 포트폴리오 홈페이지 완성할 수 있습니다.개인 포트폴리오 홈페이지 뿐만 아니라 포트폴리오 웹사이트를 반응형으로 만드는 작업도 진행하므로 반응형에 대한 이해도와 실력을 충분히 갖추게 됩니다. 코딩웍스와 함께 소그룹으로 개인에 맞게 1:1로 수정 보완합니다. 특히 개인별 제작 및 취업 로드맵을 설계하고 로드맵에 맞게 체크 & 피드백하므로 시행착오를 최소화합니다.매주 미션과 테스트를 통해서 개인 포트폴리오 홈페이지 제작과 실력이 자연스럽게 완성되는 코딩웍스만의 체계적인 스케쥴링에 따라 오기만 하면 됩니다.과정 완료 시점에 취업을 위한 이력서 및 자기소개서, 채용공고, 면접요령 등 코딩웍스 학생들을 위한 철저한 마무리퍼블리셔 취업을 준비한다면 이건 꼭! 기억하셔야 합니다.대부분의 수강생이 개인 포트폴리오 홈페이지 제작 가이드 없이 혼자서 준비합니다. 국비지원 학원 또는 독학이면 본인은 정말 열정을 다해 열심히 준비했지만, 객관적으로 경쟁력이 없는 개인 포트폴리오 홈페이지를 만드는 경우가 대부분입니다. 열심히 안 해서가 아닙니다. 처음부터 이상한 방향으로 가고 있는데 그걸 잡아주고 좋은 방향으로 갈 수 있도록 올바른 로드맵을 제시받고 체크되고 개인에게 맞는 피드백을 받지 못했기 때문입니다. 이런 개인 포트폴리오 홈페이지를 가지고 퍼블리셔 입사지원을 아무리 해도 면접 연락이 거의 오지 않거나 이상한 곳에서나 연락이 옵니다. 속상한 일이지만 다 그럴만하기 때문입니다. 회사가 퍼블리셔를 뽑을 때 인성이나 느낌으로 뽑지 않습니다. 기술자.. 곧 프로를 뽑습니다. 개인 포트폴리오 홈페이지에 아무리 자신이 열심히 열정적으로 일하는 사람이라고 어필해도 결과물이 프로답지 않으면 뽑지 않습니다..여러분이 지금까지 퍼블리셔 취업을 위해 열심히 공부하고 준비했더라도 마지막 단계를 잘못 보내면 수많은 시행착오를 겪게 되고, 이런 시행착오로 지치게 되고 결국엔 수개월 또는 그 이상 노력한 기간이 물거품이 됩니다.8주 동안 코딩웍스를 믿고 잘 따라오시면 시행착오 없이 퍼블리셔 취업을 위한 충분한 준비가 될 것이라고 확신합니다.💡 강의 개요교육요일 : 평일반(윌화수목금), 일요일반(일요일)교육시간 : 평일반(13:00 - 17:00) / 일요일반(13:00 - 17:00)교육일정 : 평일반(월화수목금) - 신청 가능 / 일요일반(일요일) - 신청 가능교육과정 : 8주 과정(총 32시간)교육인원 : 1대1 수업교육비용 : 960,000원 (1대 2 수업으로 진행되는 경우 교육비용은 760,000원)교육장소 : 8호선 별내역 근처 스터디카페(독립 부스)교육내용 : 개인 포트폴리오 홈페이지 제작, 이력서작성 및 면접요령모집정원 : 평일반 요일별 1명씩, 일요일반 각 1명 ※ 1대1 수업이라 신청이 빠르게 마감될 수 있습니다.결제방법 : 계좌이체 ※ 사업자가 아나라서 카드결제와 현금영수증 발급 불가합니다.상담문의 : webnlife@naver.com (이메일 상담 후 필요한 경우 유선으로 상세하게 상담)신청방법 : 이메일 상담 및 신청(상담 신청 제목에 오프라인 강의 상담 또는 오프라인 강의 신청이라고 써주세요.)신청기간 : 신청완료 시 해당 블로그에 공지함 ex) 신청 가능 → 신청 불가수업준비 : 수강생 개인 노트북 필수 지참(수업용 PC가 제공되는 강의장은 아닙니다.)※ 먼저 신청한 학생이 1대 2 수업을 원하지 않는 경우 1대 1 수업으로만 진행됩니다. 💡 상담 메일 발송시 참고사항상담 메일 주실 때 현재 어떻게 학습하고 있고 얼마나 학습했는지 어느 정도 수준인지.. 국비 또는 독학 등 어디서 언제 공부했는지.. 나이 성별 등 기본적인 정보를 알려주시면서 상담하시면 제가 판단하기에 더 도움이 될 것 같습니다. 그리고 이메일 상담 후 전화 상담이 필요한 경우는 휴대폰 번호도 적어주세요.메일 확인 후 전화 상담으로 상세히 진행합니다. 💡 교육 내용 상세개인 포트폴리오 홈페이지 제작개인별 제작 로드맵 설계, 디자인 컨셉, 컨텐츠 구성, 와이어프레임 구조, 다지인 & 퍼블리싱 이력서 및 자기소개서 작성 요령구직 사이트 실제 채용공고를 통해 지원회사 선정 요령퍼블리셔 취업 면접요령(모의면접 실시)📖상세 커리큘럼(8주과정)1주차현재 학습 상황 및 결과물 제작 현황 체크개인 상황 및 이력서 체크개인 포트폴리오 홈페이지 전체 예시제작 로드맵 설정2주차웹사이트 및 모바일 웹 아이디어스케치(hand drawing)컨텐츠 핸드 드로잉 스케치(홈페이지에 들어갈 섹션과 대략 내용 정리)HTML 와이어프레임 제작 훈련이력서 섹션 6가지 레이아웃 제작 및 컨텐츠 가이드   3주차1차 디자인 완료된 이력서 섹션 6가지 타겟 디자인 검수 수정보완포트폴리오 섹션 6가지 레이아웃 제작 및 컨텐츠 가이드HTML 와이어프레임 실전 제작 훈련   4주차완성된 UI 디자인 기준으로 HTML 와이어프레임 구조 제작(전체, 섹션별)홈페이지에 들어갈 썸네일 이미지 및 텍스트 준비   5주차학생이 완성한 HTML 와이어프레임 구조 제작 수정 보완 확정개인 포트폴리오 홈페이지 퍼블리싱 폴더 구조 만들기(실제 결과물 폴더 구조 정리)   6주차개인 포트폴리오 홈페이지 퍼블리싱 검수 수정보완모바일 웹 포트폴리오 독립페이지 UI 디자인   7주차퍼블리셔 취업 이력서 & 자기소개서 검수 수정 보완퍼블리싱 결과물 링크하기웹 호스팅 세팅하기 & 업로드(카페24)   8주차퍼블리셔 취업 이력서 & 자기소개서 작성 & 입사지원하기(잡코리아, 사람인) 💡 참고 사항코딩웍스와 잘 맞아야 하기 때문에 코딩웍스의 수업을 경험해보신 분만 신청 대상이 됩니다.월요일 또는 화요일이 공휴일인 경우 다음 날로 자동 변경됩니다. ex) 수업일 : 월수 또는 화수퍼블리싱 기본 이론을 수업하지는 않습니다. 개인 포트폴리오 홈페이지 제작 단계에 와 있는 학생이 신청 대상입니다.해당 과정을 신청을 할 수 있는 현재 상태인지를 먼저 상담을 통해서 철저하게 체크하고 신청하시기 바랍니다.이번 일정에 맞지 않는 상태라면 좀 더 준비해서 다음 기수에 신청하시기 바랍니다. 💡 수강 혜택제이쿼리 및 자바스크립트(Vanilla JavaScript) PDF 교재 및 완성본 파일 제공개인 포트폴리오 홈페이지 제작에 필요한 다양한 교재 제공개인 포트폴리오 홈페이지 제작과 실무를 위한 각종 정보 및 다양한 웹사이트 🚩 수강 대상인프런에서 코딩웍스 강의를 수강한 경험이 있는 수강생(강사와 스타일이 맞는지 체크가 중요)개인 포트폴리오 홈페이지 제작 단계이거나 제작 중인 수강생현재 퍼블리싱 공부를 시작했거나 한창 하고 있는 수강생은 대상이 되지 않습니다.신청 전에 이메일과 유선을 통해서 자신에게 맞는 과정인지 반드시 코딩웍스와 체크하고 신청하시기 바랍니다. 🚩 강의실 찾아 오는 길▲ 8호선 별내역 4번출구에서 도보로 10분 내외(별내 행정복지센터 옆) ❤️코딩웍스 개인 포트폴리오 홈페이지 제작 오프라인멘토링 학생 후기 #01안녕하세요. 코딩웍스 선생님의 취업 멘토링에 참여한 학생입니다.저는 졸업 후 프리랜서 디자이너 일을 병행하면서, 퍼블리셔로 취직하고자 코딩웍스 선생님 강의를 독학으로 약 2년간 수강하였습니다.디자인 전공을 해서 그런지 내용물을 디자인하고 퍼블리싱하여 채워넣는 것, 그리고 포폴사이트를 디자인 하는것은 어렵지 않았습니다. 선생님 강의를 독학하면서 포트폴리오 웹사이트를 디자인하고, 퍼블리싱한 후 나름대로 섹션에 내용물을 채워넣고난 뒤 멘토링에 처음으로 참여했습니다.선생님의 꼼꼼한 멘토링 과정에서 제 코드를 하나하나 보시며 코딩 기본기에 대해 상세한 피드백이 이루어졌고, 기본기에 대해 다시한번 재정비하는 시간을 가질 수 있었습니다. 파일 정리법부터 폴더 구조까지 체계적으로 관리하는 법, 수많은 이미지 소스들을 어떻게 하면 효율적으로 네이밍을 할 지.. 이런 사소한 하나하나의 팁을 다 알려주셨습니다.매회 수업 이후 집에가서 코드를 수정하며 배운 내용을 적용했더니, 작업의 효율성이 저절로 올라가는 것을 느꼈습니다. 그리고 ‘내가 정말 많이 부족했구나. 그럴싸하게 퍼블리싱 결과물을 만드는것 만이 다가 아니구나. 원래의 실력으로 실무에 바로 투입되었다면 정말 팀원에게 민폐를 끼치겠구나.’ 라는 생각이 저절로 들었습니다. 결국 퍼블리셔는 협업을 해야하는 직무이기에, 내가 코딩 습관을 잘못 들여놓으면 주변 동료들이 내 코드를 수정하고 함께 작업하는 것이 정말 힘들거란 생각이 들었습니다.코딩웍스 선생님의 지도 하에, 기본기를 보완해 나가며 퍼블리싱 작업물의 갯수는 물론이고 퀄리티 또한 전에 비해 더욱 올라갈 수 있었습니다. 저는 멘토링 초반에 웹사이트 퍼블리싱 결과물이 없었던 상황 이었는데, ‘입사지원이 조금 늦어지더라도 웹사이트 퍼블리싱 섹션을 채워 이력서를 내 보자’ 는 선생님의 제안이 있었습니다. 이후 저는 선생님의 지도하에 1~2주에 한개의 웹사이트를 제작하였고, 현재는 총 3개의 퀄리티 있는 웹사이트를 만들어 입사지원 할 수 있게 되었습니다. (NGO/일반기업/쇼핑몰 이렇게 세가지 분야 웹사이트 입니다.)만약 이 웹사이트 퍼블리싱 섹션을 채우지 않고 지원한다면.. 입사 경쟁력이 떨어지는것은 물론이고, 제 스스로도 면접볼 때 떳떳하지 못할 것 같았거든요. 선생님께서 좋은 제안을 해주신 덕분에, 예전보다 더욱 자신감을 갖고 입사지원을 할 수 있게 되었습니다.그리고 웹사이트 퍼블리싱 작업물 3가지를 진행할 때, 각 웹사이트마다 체계적으로 와이어프레임 구조를 짜는 법을 디테일하게 알려주셨는데 이것이 정말 많은 도움이 되었습니다. 처음에는 박스 구조를 의미없이 대강 그리면 되겠다 생각했는데, 선생님께서 박스구조 그리는 방식에 대해 세세하게 체크해 주셨습니다. 이 훈련을 세 번 반복했더니, 혼자서도 복잡한 구조의 웹사이트를 처음부터 끝까지 만들 수 있겠다는 자신감이 생겼습니다. 이처럼 코딩웍스 선생님의 취업 멘토링은, 취업뿐만 아니라 입사 이후 실무에서도 바로 적용할 수 있는 꿀팁이 다 담겨 있다고 생각합니다. 취업도 중요하지만 실무에서 민폐를 끼치지 않는(?) 그런 기본기 충실한 퍼블리셔가 될 수 있도록 꾸준히 공부해 나가려고 합니다. 앞으로도 좋은 강의 많이 만들어 주세요. 코딩웍스 선생님 감사합니다. ^^ ❤️코딩웍스 개인 포트폴리오 홈페이지 제작 오프라인멘토링 학생 후기 #02안녕하세요. 코딩웍스 선생님의 오프라인 강의에 참여한 학생입니다.저는 국비학원에서 백엔드 과정을 듣던 중 퍼블리싱에 관심이 생겨 과정 수료 후 선생님의 강의를 들으면서 독학을 해왔습니다.강의에 있는 여러가지 스킬들을 사용한 많은 예제들을 만들어 가며 실력을 키워왔었고 클론코딩도 큰 어려움 없이 제작할 수 있는 단계가 되었습니다.다만 디자인쪽 전공이 아니다 보니 제일 중요한 개인 포트폴리오 홈페이지와 모바일 웹, 반응형 웹 작업물을 제작하는데 어려움을 겪었습니다.클론 코딩과 달리 개인 제작 사이트는 백지상태에서 시작하려고 하니 어디서부터 손을 대야 할지 모르겠고 디자인 역시 어떤식으로 하면 좋을지 고민만 하며 제작을 하지 못하고 있었습니다.그러던 중 오프라인 강의를 개강하신다는 글을 보고 마침 교육 내용과 수강 대상이 저와 딱 맞는 조건이기에 망설임없이 신청했습니다.지금까지 제작한 결과물들의 리뷰와 퍼블리싱 기본기에 대해 상세하게 배웠으며 코딩을 하면서 생긴 잘못된 습관들을 고칠 수 있는 좋은 자리였습니다.주석처리 꼼꼼하게 하기, CSS 줄 코딩 하지 않기, 선택자 순서 지키기, 클래스 네임 일관성 있게 짓기, 폴더 구조를 체계적으로 관리하는 법 등 기초적이지만 정말 중요한 것들을 배웠고그러한 기본기들을 갖춰 갈수록 퍼블리싱이 체계적으로 이뤄지고 실력도 빠르게 성장하는걸 느낄 수 있었습니다.퍼블리싱이란 것이 단순히 웹 사이트상에 보이는 것만이 전부가 아닌 그 안에 탄탄하게 짜여진 HTML 구조, CSS 스타일링이 중요하다는 것을 배웠고 그런 탄탄함이 있어야 반응형 제작, 유지보수에 용이하고 향후 실무에서 팀원들과의 협업에서도 중요한 요소란 것을 생각해볼 수 있는 계기가 되었습니다.제가 부족하다고 느낀 디자인 부분은 코딩웍스 선생님의 조언에 따라 타겟 사이트를 잘 선정하는 것으로 극복할 수 있었습니다. 어떤 주제의 사이트를 타겟으로 잡을 것인지, 해당 타겟 사이트에서 불필요한 부분은 제외, 필요한 것은 보충하면서 디자인 구상이 완료되면 자신만의 컨텐츠를 채워넣는 식으로 반응형 웹 사이트 디자인, 와이어프레임 제작, 퍼블리싱을 하는 체계적인 프로세스를 배웠습니다.계획적으로 퍼블리싱을 하지 않으면 이도저도 아니게 되고 결국엔 제대로 된 보기 좋은 결과물을 만들 수 없다는 것을 알게 되었고 이런 프로세스로1~2주에 1개씩 웹 사이트를 제작하면서 총 3개의 누가 봐도 보기 좋은 반응형 웹사이트를 제작하게 되었습니다.앞으로는 혼자서 디자인 선정 부터 퍼블리싱까지 할 수 있을 것 같다는 생각이 들면서 점점 웹 사이트 제작에 자신감도 생겼고개인 포트폴리오 사이트에 당당하게 넣을 수 있는 결과물도 생기니 자신의 가치가 올라간다는 것을 느꼈습니다.가장 까다롭다고 생각한 개인 포트폴리오 사이트 제작의 경우에도 선생님의 거의 1:1과 다름없는 지도 하에 평범한 포트폴리오 사이트가 아닌 제 결과물들을 확실하게 보여줄 수 있고 필요한 요소들만 들어간 제가 봐도 너무나 만족스러운 개인 사이트를 제작 할 수 있었습니다.그리고 퍼블리셔에게 필수적인 제이쿼리 이론들에 대해서 학습하고 스몰미션들을 통해 어떤 경우에 사용하고 어떻게 응용할 수 있는지 배웠으며 이론들을 활용해서 제작한 간단한 연습 결과물들도 개인 사이트에 넣어서 경쟁력을 올릴 수 있는 기회가 됐습니다.끝으로 코딩웍스 선생님의 오프라인 강의는 저에게 큰 실력 향상과 높은 취업 경쟁력, 앞으로 가야할 길을 알 수 있었던 소중한 시간이였습니다.아마 선생님의 강의를 듣지 않았다면 고민만 하다가 아무것도 하지 못하고 그저 그런 퍼블리셔가 되었거나 퍼블리셔의 꿈을 접었을지도 모르겠습니다.이젠 당당하게 입사 지원을 하면서 즐겁게 퍼블리싱을 할 수 있는 사람이 됐다는게 정말 기쁩니다.앞으로도 강의에서 배운 것들을 잊지 않으며 꾸준히 성장해 나가려고 합니다. 좋은 자리를 마련해주신 코딩웍스 선생님 정말 감사합니다!

웹디자인웹퍼블리셔프론트엔드개발반응형웹개인포트폴리오홈페이지

채널톡 아이콘