Thumbnail
BEST
개발 · 프로그래밍웹 퍼블리싱

모바일 웹 퍼블리싱 포트폴리오 with Figma대시보드

(4.9)
14개의 수강평 ∙ 315명의 수강생
105,600원

월 21,120원

5개월 할부 시
지식공유자: 코딩웍스(Coding Works)
총 83개 수업 (25시간 17분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가공유
  • juice 프로필juice
    2024-01-171144263

    최신 업데이트가 반영돼있나요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2024-01-17311458

    최신 업데이트라면 어떤걸 말씀하시는건지요? 좀 더 구체적으로 말씀해주세요. 혹시 피그마 업데이트 관련이라면 2022년 09월 29일 강의 오픈 시점입니다. 참고해주세요.

  • 준혁김 프로필준혁김
    2023-12-051093309

    특성화고에서 웹 관련해서 가르치는 교사입니다. 이쪽을 지금 공부하면서 가르치는 중이라 여쭤봅니다. 웹디자인기능사를 주력으로 가르칠 계획인데, 이외에 피그마까지 다루면 학생들이 흥미있어 할 것 같아서 알아보는 중입니다. 피그마로 디자인을 해서, 코드를 통해서 실제 웹사이트를 만드는 과정이 html+css를 어느정도 기초만 뗀 상태에서 배우기에 적절할까요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-12-05300607

    피그마로 UI 디자인하는 작업과 디자인된 결과물을 실제로 퍼블리싱하는 모든 과정이 포함된 강의입니다. html+css를 어느정도 기초만 있다고 하셨는데... 기초라는게 어느정도인지는 모르겠지만 가능하다고 생각됩니다. 가급적이면 [모바일 웹 퍼블리싱 포트폴리오 with Figma] 강의와 [HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)] 강의와 병행하시는게 좋다고 생각됩니다. 아래 강의를 들으시면 퍼블리싱의 거의 대부분의 이론과 실전 예제 제작으로 실력을 향상시키실 수 있습니다.

  • 숀 프로필
    2023-10-271059064

    안녕하세요. 웹디자이너인데 퍼블리싱까지 영역을 넓히고 싶어서 일단 초급 강의(html, css)정도만 들어본 상태입니다. 이 다음 단계로 어떤 강의를 들어야 할까요? 이론 수업만 들어봤기 때문에 예제 실습이 많은 강의가 좋을 것 같다는 막연한 생각만 있습니다. 당연히 웹1, 앱1 포트폴리오도 최종적으로 만들고 싶고요. 추천 부탁드립니다.

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-10-27292274

    지금 강의도 들으시는게 크게 무리는 없지만 현재 적어주신 내용을 기준으로 보면 아래 과정을 먼저 학습하세요. HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1) 학습량이 많고 들으시면서 자신감도 많이 생기실거에요. 다 수강하시거나 거의 수강하시면 지금 문의주신 과정 들으셔도 좋습니다.

  • rb 프로필rb
    2023-05-23880911

    안녕하세요. 제가 마음이 급해서 너무 횡설수설 질문을 했네요 죄송합니다 ㅠ 보통 실무에서 디자이너가 기준점이 되는 디바이스 viewport의 2배수로 작업을 해서 넘긴다고 하더라고요. 예를 들면 320px viewport의 모바일 웹을 만들려고 할 때 디자이너는 그거의 2배수인 640px viewport 디자인 시안을 만들어 퍼블리셔한테 넘기면 퍼블리셔는 작업 시 이미지, 폰트, 화면 크기 등등등을 /2를 해서 작업을 한다고 하는데, 이런 부분들이 어렵고 이해가 안 가서 강의를 들으려고 찾아보고 있는 중입니다. 혹시 이 강의에서도 실무에서 바로 활용 할 수 있는 실무 위주의 강의로 진행되는지 궁금하여 문의 드립니다. 곧 회사에서 모바일 웹 프로젝트를 진행하고 디자이너는 외주를 쓴다고 하는데 저는 신입이라 모바일 웹 프로세서를 잘 모르고 사수가 없어 미리 공부해 두려고 합니다! 그래서 실무 위주의 강의를 찾고 있는거구요! 답변 미리 감사합니다.

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-05-23261316

    보통 2배수로 디자인 작업을 합니다. 375로 퍼블리싱에서 보여지지만 375 * 2 = 750으로 작업합니다. 750으로 작업하는 이유는 375보다 큰 모바일 디바이스 또는 태블릿에서 이미지가 확대되서 해상도가 떨어지는 것을 방지하는 목적입니다. 이런 부분도 강의에 설명이 있습니다. 그리고 벡터 방식인 피그마로 작업하기 때문에 해상도 관련은 전혀 문제 없습니다. 글을 보니까 디자인이 아니라 퍼블리싱을 하시게 될 것 같은데 이번 강의가 많은 도움이 될거라고 생각됩니다.

  • rb 프로필rb
    2023-05-22880343

    안녕하세요 혹시 강의 내용중에 피그마로 작업물이 640px로 넘어왔을시 반으로 나눠서 퍼블리싱 작업하고 피그마 작업물에있는 아이콘이미지 활용해서 퍼블리싱하는 말그대로 실무에서 모바일웹 만드는 내용들을 다루는 강의일까요? 답변 부탁드립니다!

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-05-22261154

    질문 내용을 정확히 파악했는지는 모르겠지만.. 일단 답변을 드리겠습니다. 현재 강의는 모바일 웹이고 세로 방향만 작업합니다. 640픽셀이라고 말씀하시는게 아마도 가로 방향 작업도 하는지 말씀하시는 것 같은데 가로 방향 작업까지는 하지 않습니다. 물론 세로 방향이어도 유동적으로 만들어지기 때문에 가로 방향도 나쁘지 않게 보이기는 합니다. 예를들어 슬라이더 같은 경우 미디어쿼리로 가로 방향일 경우 개수 조절을 슬릭 옵션에서 하면 되니까 큰 문제는 아닙니다. 사실 질문을 정확히 파악하지 못해서 드리는 답변이니 다시 한번 질문을 구체적으로 해주시면 답변 다시 드리겠습니다.

  • Zeroize 프로필Zeroize
    2023-04-28857467

    js는 제이쿼리로 진행되나요? 순수자바스크립트로 진행되나요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-04-28256850

    안녕하세요. 고등학생입니다. JS부분은 제이쿼리로 진행됩니다.

  • 소영 프로필소영
    2023-04-24853934

    안녕하세요. 문의드립니다. 😀 이 강의를 다 듣고나면 완성된 작업물을 혼자서 pc버전으로도 만들 수 있을까요? (반응형) 강의는 모바일 웹으로만 진행하신 것 같아서요. 그럼 웹사이트에서 F12를 눌렀을때 가운데에 배치 되있는거겠죠??? 포트폴리오에 피그마를 사용할 줄 안다고 어필하기 위해 추가하려고 하는데.. 피시버전도 만드는게 좋을지 약간 고민이 돼서요! 피그마 혼자 독학하면서 작업물을 만들고 있는데 약간 한계가 느껴져서 강의를 찾아보고 있었거든요! 그리고 피그마로 레이아웃 그리면서 만드는 부분도 있는지 궁금합니다! 답변주시면 감사하겠습니다.

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-04-24256081

    모바일 웹을 만든다고 이 실력이 반응형 PC버전 실력으로 바로 가지는 않습니다. 아래에 있는 반응형 웹을 만드는 강의를 들으시는게 좋습니다. <반응형 웹사이트 포트폴리오(App Official Landing Website)>와 <플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)> 모바일 웹 작업물은 퍼블리셔 취업에서 가장 중요한 작업물이 됩니다. 그래서 꼭 만드셔야 합니다. 퍼블리셔 개인 포트폴리오 홈페이지에 최소한 반응형 웹 3개, 모바일 웹 1개는 있어야 경쟁력이 있습니다.

  • 이은혜 프로필이은혜
    2023-01-18752431

    안녕하세요 혹시 수료증이 별도로 발급되나요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-01-18235946

    안녕하세요. 코디웍스입니다. 수료증 발급은 지식공유자가 따로 포맷을 가지고 있지 않고 수료증 발급은 인프런을 통해서 발급되는 것으로 알고 있습니다. 저는 해당 강의 수료증 발급이 되는 것으로 알고 있는데 이 부분은 인프런 관리자에게 문의하시면 더 정확한 답변을 받으실거에요.

  • gkddkfl12 프로필gkddkfl12
    2022-11-17693984

    안녕하세요. 혹시 이전에도 질문 드렸었는데 할인예정은 없을까요??..ㅜ

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-11-17223810

    얼리버드 할인이 10/27일에 끝나서 인프런 정책상 1달간 지식공유가가 개인적으로 할인을 할 수 없습니다. 11월 27일 이 후 할인 가능합니다.

  • gkddkfl12 프로필gkddkfl12
    2022-10-21676893

    얼리버드 할인 기간 연장하실 생각은 없으신지 궁금합니다...

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-10-21219458

    얼리버드 할인은 10월 17일까지 진행됩니다. 그리고 인프런 정책상 얼리버드 할인 후 최소 한달 동안 개인 할일을 할 수 없습니다. 그래서 12월에 개인 할인을 할 수 있습니다. 참고 하시기 바랍니다.

  • 김민호 프로필김민호
    2022-10-20676559

    모바일 웹앱을 만드는 수업인가요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-10-20219346

    모바일 웹을 만드는걸 목표로 하는 수업입니다. 모바일 앱을 만든는걸 목표로 하는 수업은 아닙니다. 모바일 웹 vs 모바일 앱.. 에 대한 참고사항은 아래 유튜브 채널이나 해당 강의 무료 영상에 있습니다. 해당 영상에 좀 더 자세한 설명이 나와있습니다. https://youtu.be/3xazrxYTcnI