Thumbnail
BEST 개발 · 프로그래밍 웹 개발
반응형 웹사이트 포트폴리오(Architecture Agency)
(5.0)
23개의 수강평 ∙ 368명의 수강생

61,600원

지식공유자 : 코딩웍스(Coding Works)
총 114개 수업˙총 24시간 30분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
내 목록 추가 826 공유
  • dbskqnsghd 프로필 dbskqnsghd
    2021-07-14 255684

    선생님안녕하세요! 선생님께서 추천해주신대로 실전예제 시즌1부터 공부하려고하는데, 시즌1,2 쭉 공부하면서 이 강의도 같이 병행해도 괜찮을까요??

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2021-07-14 122676

    현재 강의를 수강하지 않으셨다면 일단 보류하시구요. 시즌1 시즌2를 완강하시면서 취업용 퍼블리싱 결과물 만드세요. 그리고 반응형 웹사이트 제작과정 들으시면서 반응형 퍼블리싱 결과물 만드세요. 병행하시기에는 시즌1 시즌2의 내용이 많습니다.

  • dbskqnsghd 프로필 dbskqnsghd
    2021-07-12 253831

    안녕하세요 코딩웍스님! 코딩웍스님 웹디자인 인강을 여기서 듣고 이번 2회차시험때 합격하게되어 코딩웍스님께 더 자세히 배우고싶어서 인강을 찾던중에 이 강의를 찾게되었는데요! 웹디자인기능사 시험을 공부하는 내용정도까지만 지식이있는데 이상태에서도 이 강의를 듣고 잘 따라올수있을까요?? 그리고 저는 우선 웹 퍼블리셔를 더 강도깊게 배우고, 홈페이지 제작을 할 수 있도록 그러한 커리큘럼으로 공부하고싶은데, 그렇다면 이 인강으로 홈페이지 제작을 할때 수월해질수있을까요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2021-07-12 122206

    안녕하세요. dbskqnsghd 님~ 웹디자인 기능사 들으시느라 제 목소리 지겨우실텐데 또 다른 강의 들으시게요?^^ 이제 퍼블리싱 실전 예제 중심으로 학습하셔야 합니다. 지금 과정보다는 HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1) 과정이 퍼블리싱 기본기를 탄탄히 하는 필수적인 과정입니다. 이 과정 먼저 학습하시고 HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2) 학습하시고... 지금 전체 반응형 웹사이트 제작 과정으로 오시면 됩니다.

  • 정세희 프로필 정세희
    2021-06-23 236836

    그 옆으로 움직이는 배너는 없나용?? 초보자라서요 생활코딩 기초는 들었는데요 추천해주시는 루트가있나요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2021-06-23 117797

    옆으로 움직이는 배너라는게 어떤걸 말씀하시는지 모르겠네요. 일단 생활코딩 기초 들으셨으면 'HTML+CSS+JQUERY 포트폴리오 실전 퍼블리싱' 들으시면 됩니다. 이론과 함께 실전 예제가 많으니까 퍼블리싱 기본기 갖추시는데 도움이 많이 되실거에요~

  • mlevelup 프로필 mlevelup
    2021-06-10 228793

    안녕하세요. 코딩 윅스님, 웹 디자인을 처음 시작하는 사람입니다. 포토폴리오 제작 및 자격증 취득을 목표로 하고 있습니다. 지금 이 커리큘럼으로 입문을 하고자 하는데 오랜 세월 쌓아놓으신 입문자가 보기에 괜찮을 코스가 있다면 추천해주시겠어요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2021-06-10 114931

    퍼블리싱이 처음이시면이 과정은 적합하지 않습니다. 현재 과정은 입문자를 위한 과정은 아니고 초 중급이 만드는 과정입니다. 웹디자인 기능사 실기 시험 과정부터 시작하시면 좋을 거 같습니다.

  • Jennifer oh 프로필 Jennifer oh
    2021-05-11 211334

    안녕하세요, 일년전 제이쿼리,자바스크립까지 배우긴했는데 혼자서는 피시형 한번 만들어본게 다에요.(모바일까지 다 와이어프레임 만들었으나 반응형 배우기전이라 중지) 다시 리뷰도 하고 반응형 포폴도 만들어야합니다. 이 아키텍쳐 반응형에서 모바일 가변그리드를 위한 포토샵(와이어프레임)도 포함이 되어있나요? 제가 반응형 수업을 피시형 만든후에야 들었는데 그 수업자체가 굉장히 복잡한 수십개 박스가 붙어있는 기업 레이아웃의 사이트를 선택하여 작업하다보니 이해를 완전히 못한거 같아요. 그리고 그 사이트를 모바일 퍼스트로 해서 피시로 가던데 어렵게 기억이 남아서요. 어떤부분은 퍼센트로 하고 어떤부분은 픽셀로 하고 포샵에서도 2배수로 하는등...암튼 가변 계산하는 부분은 제가 이해가 가능할정도의 수업인가요 아니면 대략 개요만 알게 되는건가요? 답변 미리 감사드립니다!

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2021-05-11 109968

    가변 그리드라고 말씀하시는데 저는 유동형 레이아웃으로 이해하겠습니다. 유동형 레이아웃 거의 모든 부분을 픽셀이 아닌 %로 배분하는 방식입니다. 기존 방식 곧, Flex 또는 Grid를 사용하지 않고 유동형 레이아웃을 만드는건 쉬운 일이 아닙니다. 물론 도전하실 가치는 있습니다. 그래도 저는 유동형 레이아웃을 제작할 때는 Flex 또는 Grid를 사용하시기를 추천드립니다. 지금 문의 주신 강의는 유동형 레이아웃으로 제작되는 강의는 아닙니다. PC버전을 제작하고 모바일 버전으로 변경작업하는 모바일 대응 반응형 웹사이트 제작입니다. 태블릿 구간은 시간관계상 제작하지는 않습니다. 강의 영상을 통해서 제작을 완료하시고 개인 작업물로 변경작업하실 때 PC버전을 유동형 레이아웃으로 제작하시면 좋을 것 같습니다.

  • bigkid young 프로필 bigkid young
    2021-04-20 197183

    강사님 선수 지식에 html, css라고 하셨는데 자바스크립트와 제이쿼리 지식은 필요 없나요? 만약에 필요가 있으면 어디까지는 알아야 이 수업을 아주~~수월하게 들을 수 있을까요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2021-04-20 106171

    자바스크립트와 제이쿼리도 사용하지만 수업중에 설명되니까 해당 웹사이트 제작을 위한 자바스크립트와 제이쿼리 어려움은 없으실거에요. 선수 지식으로 html, css 기초가 있으시면 충분히 가능합니다.

  • 박. 프로필 박.
    2021-04-07 187794

    안녕하세요. 저는 서버 웹개발자로 취업하고 싶은데, 포트폴리오를 만들고 싶어서 강의를 찾던 중 강사님 강의를 보게 되었습니다. 프론트가 아닌 서버로 취업하려는 사람이 수강해도 괜찮은거겠죠?? 이 강의 수강하면 A to Z 까지 포트폴리오 웹사이트 만들 수 있을까요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2021-04-07 103627

    프론트가 아닌 서버로 취업하려는 사람도 요즘은 퍼플리싱 능력이 많이 요구됩니다. 물론 서로 관계는 없지만 퍼플리싱 능력 좋으면 그만큼 경쟁력이 있죠. 이 강의 수강하면 A to Z 까지 포트폴리오 웹사이트를 만들 수 있는 것 까지는 아니지만 취업을 위한 개인 포트폴리오 홈페이지 제작을 위한 노하우와 스킬을 많이 익히실 수 있습니다.

  • DONGSOO KIM 프로필 DONGSOO KIM
    2021-03-08 167274

    지금 스프링으로 웹개발 프로젝트를 하고 있지만, 이걸 배포해서 기업에 제 url 주소를 주고 들어올 수 있게하는방법은 모르겠습니다. 1. 혹시 이 과정만으로 나오는 결과물(개인 포트폴리오)이 외부에 제 도메인 주소를 주면 들어올 수도 있고 게시글을 쓰거나 자료가 있다면 다운로드도 받을 수 있는 온전한 웹페이지를 만드는 걸까요? 2. 배포를 하면 서버를 필요로 할텐데 이 강의는 프론트 부분만 하는건가요? 프론트 부분만으로 배포가 가능한가요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2021-03-08 97768

    질문하신 내용을 제가 정확히 파악하기가 힘든데요. 현재 과정은 프론트엔드 개발 파트는 없습니다. 퍼블리싱 파트만 있는 강좌입니다. 강의에서 퍼블리싱된 결과물에 개발 코드가 들어가서 온전한 웹사이트가 되는 거라 생각됩니다. 그리고 배포.. 라는 단어가 퍼블리싱에서는 제작된 모든 폴더가 웹호스팅에 업로드 되는 과정으로 이해합니다. 그리고 서버단에서 퍼블리싱 소스에 작업될거라 생각됩니다. 사실 개발자의 질문이라 제가 이해를 완전히 하지 못해서 드리는 답변이니 이해하시기 바랍니다.

  • 정임혜 프로필 정임혜
    2021-03-02 163522

    안녕하세요. 현재 개발자로 실무에 있습니다. 프론트 개발 관련 반응형 관련 수업을 찾아보다 문의 남깁니다. 업무상 필요하여 해당 강의 커리큘럼 및 소개를 살펴보았는데, 화면크기(PC 1920 1280, 태블릿, 모바일) 따른 퍼블리싱 작업에 대한 기본개념 및 활용법도 습득할 수 있을까요? 또한, 반응형 사이트에 대한 몇가지 강의가 있어서요 디자인 시안이 있고 반응형을 적용하는데 제일 도움이 될 강의는 무엇일지 궁금합니다.

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2021-03-02 96725

    안녕하세요. 반응형 강의는 아래에 있는 2가지가 있습니다. 1) 반응형 웹사이트 포트폴리오(App Official Landing Website) 2) 반응형 웹사이트 포트폴리오(Architecture Agency) 1번 2번 어느것을 먼저 하셔도 큰 상관은 없지만 1번이 난이도가 2번에 비해 상대적으로 조금 쉬운 편이 1번부터 시작하시는게 좋을 것 같습니다. 그리고 2가지 강의 모두 시간관계상 태블릿 구간은 반응형 작업하지 않았습니다. PC와 모바일만 작업하는 강의입니다. 강의를 완료하시면 태블릿 구간을 개인적으로 하시는데 큰 무리는 없을거라 생각됩니다. 현직 개발자이시니 처음하시는 분들보다 적응이 빠르실거에요.

  • CDG 프로필 CDG
    2021-02-26 161359

    PHP 개발자입니다. 풀스택 개발을 하려고 html,css를 공부하려고 합니다. 이미 만들어져 있는 html과 css에 대한 해석과 수정같은 유지보수는 할 수 있으나 처음부터 하나의 페이지를 만드는건 어려움을 겪는 정도의 수준입니다. 반응형으로 실무에 바로 적용할 수 있는 수준의 강의를 원하는데 코딩웍스님 강의중에 제일 적합한 강의 추천 부탁 드리겠습니다. 또한 저는 VS CODE를 사용중인데 코딩웍스님 강의는 블라켓츠로 하는것으로 알고 있습니다. 거기에 대한 에로사항 또한 없을지 문의 드립니다. 감사합니다.

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2021-02-26 96203

    먼저 텍스트에디터는 어떤걸 사용해도 상관없습니다. 블라켓, 아톰, 비주얼스튜디오코드 등.. 다만 라이브프리뷰가 되는 에디터이면 상관없습니다. 퍼블리싱 기본기를 갖추시는데 알맞는 클래스는 [HTML+CSS+JQUERY 포트폴리오 실전 퍼블리싱]입니다. 이것부터 시작하시는게 퍼블리싱 기본기와 CSS 속성에 대한 거의 모든 이해도를 가지실 수 있습니다. 하지만 바로 실무에서 적용하고 전체 반응형 웹사이트를 바로 만들어야 하신다면 지금 과정은 2번째로 하시고 [반응형 웹사이트 포트폴리오(App Official Landing Website)] 과정을 먼저 하시길 권해드립니다. 이 과정 후 [반응형 웹사이트 포트폴리오(Architecture Agency)]으로 넘어가시면 좋을 것 같습니다. 이유는 지금 문의 주신 과정은 반응형이지만 난이도가 좀 더 있기 때문에 [반응형 웹사이트 포트폴리오(App Official Landing Website)] 여기에서 경험과 실력을 먼저 쌓는게 좋을 것 같습니다. 참고로 이 과정은 비주얼스튜디오코드로 제작된 영상입니다.

  • oneq5637 프로필 oneq5637
    2020-08-31 58468

    1. pdf파일을 업로드하고 홈페이지에서 이것을 클릭시 다운 및 보기기능 2. 이름/이메일 등을 submit하면 특정 이메일로 내용이 전송된느 기능 3. 관리자가 게시판에 글과 이미지를 작성할 수 있는 기능 이건 수업내용에 없을까요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2020-09-01 68830

    안녕하세요. 코딩웍스입니다. 말씀하신 내용을 보니까 프론트엔드 개발자가 하는 내용이라고 생각됩니다. 지금과정은 프론트엔드 퍼블리싱 곧, 디자이너가 제작한 UI를 브라우저에 그대로 html+css로 보여주고 제이쿼리로 상호작용을 넣는 그런걸 하는 과정입니다. 요즘은 프론트엔드 개발자도 퍼블리싱에 대한 이해도가 곧 직업에 대한 경쟁력의 큰 요소가 되는 편이라 프론트엔드 개발자에게는 필요 없는 과정이다 라고 말은 할 수 없습니다. 결론은 프론트엔드 개발자가 하는 내용이므로 맞지 않습니다. 하지만 프론트엔드 개발자이거나 프론트엔드 개발자를 희망하는 사람도 퍼블리싱에 대한 이해도와 경쟁력을 위해서는 필요합니다.

  • DogFoot 프로필 DogFoot
    2020-08-27 56742

    안녕하세요! 1년차 퍼블리셔입니다.. 제가 구축 경험이 1도 없다보니 반응형/적응형을 만들고 다른 디바이스에서 보면 난리가 나더군요. 특히나 postion absolute쓰는 것과 3배율 이미지를 크기에 맞게 잘 넣는 것을 못하는데 해당 강의를 들으면 도움이 될까요 ㅠ?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2020-08-27 68166

    안녕하세요. 코딩웍스입니다. 퍼블리셔 1년차이시면 퍼블리싱 작업을 실무에서 지속적으로 하고 계시겠네요? 결론부터 말씀드리면 당연히 도움이 됩니다. 전체 웹사이트를 제작하는 과정을 경험한다는게 쉬운 일은 아닙니다. 기술적으로 어려워서라기 보다는 어떤 일정한 미션이 없기 때문에 전체적인 웹사이트 제작 과정을 경험하기 어렵습니다. 어떤 사이트를 처음부터 만들어야지 라고 하는건 너무 막연하잖아요. 물론 퍼블리싱 경험이 2~3년차로 많이 쌓이시면 가능하겠지만 지금은 일정한 가이드를 통해서 전체 제작과정을 경험하시는게 큰 도움이 될거라 생각합니다. 이번 제작 과정의 난이도는 사람에 따라 다르지만 퍼블리싱에 대한 CSS 이해도가 좋은 편이면 무난하게 따라오실거구요. 만약 CSS 이해도가 부족하시다고 생각하시면 조금 버겁게 따라오시게 될거에요. CSS 이해도와 경험이 충분하지 않다고 생각되시면 개인적으로는 제 강의 중에 'HTML+CSS+JQUERY 포트폴리오 중급 실전 퍼블리싱' 라는 과정이 있는데 이 과정을 최소 1회차 정도는 학습하시고 이번 과정을 시작하시는걸 추천드립니다. 퍼블리셔로 일하고 있으시니까 기본이론편은 일단 스킵하시고 실전예제 제작 부터 시작하세요. 그런데 퍼블리셔 1년차라고 하셨으니까 지금 과정으로 바로 시작하셔도 좋습니다. 제가 생각할 때는 어차피 2가지 과정 모두 퍼블리셔로 일하고 스킬업을 위해서는 반드시 필요한 내용들입니다. 로드맵은 'HTML+CSS+JQUERY 포트폴리오 중급 실전 퍼블리싱' 공부하시고 다음 스텝으로 'HTML+CSS+JQUERY 반응형 웹사이트 포트폴리오(Architecture Agency)'를 공부하시는게 어떨까 합니다. 몇일 후에 플렉스(Flex)로 만드는 반응형 퍼블리싱 과정도 올라가기 때문에 이 과정 역시 퍼블리셔로서 반드시 하셔야 하는 부분이기도 합니다. 또 궁금하신 내용 있으시면 문의 주세요. 감사합니다.

61,600원

내 목록 추가 826 공유
지식공유자 : 코딩웍스(Coding Works)
총 114개 수업˙총 24시간 30분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
수강 전 궁금한 점이 있나요?
문의하기
문의
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스