Thumbnail
BEST 개발 ・ 프로그래밍 웹 개발
플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
(5.0)
7개의 수강평 ∙ 113명의 수강생

55,000원

지식공유자 : 코딩웍스(Coding Works)
총 92개 수업˙총 21시간 26분
평생 무제한 수강
수료증 발급 강의
초급 대상
내 목록 추가 109 공유
초급자를 위해 준비한
[개발 ・ 프로그래밍] 강의입니다.

플렉스(Flex) 반응형 웹사이트 퍼블리싱 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 할 수 있습니다. 또한 플렉스(Flex) 기초부터 응용 나아가 실전 UI 제작 강의가 충실합니다. 플렉스(Flex) 이론과 실전예제 그리고 반응형 웹사이트 제작과정이 20시간 이상으로 실전 경험 못지 않은 실력과 자신감을 갖게 됩니다.

✍️
이런 걸
배워요!
HTML+CSS+JQUERY 핵심이론을 통한 퍼블리싱 실전 능력 향상
Flex 반응형 웹사이트 퍼블리싱 실력과 노하우 향상
모바일 대응 반응형웹 퍼블리싱 제작 능력(미디어쿼리)
PC 버전과 모바일 버전에서 최적화된 반응형 웹 전체 제작 능력
position 속성과 display 속성에 대한 정확한 개념과 활용
플렉스(Flex) 핵심이론과 실전 UI 제작 능력

플렉스(Flex) 반응형 웹사이트 포트폴리오 제작 과정 

'총 20시간 이상의 플렉스(Flex) 반응형 웹사이트 퍼블리싱 강의'

텍스트 에디터 사용법 (5강의, 약 2.5시간)
플렉스(Flex) 핵심이론 (14강의, 약 2.5시간)
플렉스(Flex) 유형별 UI 응용 예제 (12강의, 약 2.5시간)
플렉스(Flex) 실전 UI 제작 (23강의, 약 6시간)
플렉스(Flex) 실전 반응형 웹사이트 제작 (23강의, 약 7시간)

플렉스(Flex) 핵심 이론 PDF 교재 제공
수업에서 제작하는 모든 예제 완성본 다운로드
포토샵 UI 디자인 파일

▼ 플렉스(Flex) 반응형 웹사이트(The World’s Best Cities) - PC 버전

▼ 플렉스(Flex) 반응형 웹사이트(The World’s Best Cities) - Mobile 버전

▼ 플렉스(Flex) 핵심이론 강의 미리보기

▼ 플렉스(Flex) 유형별 UI 응용 예제 강의 미리보기

▼ 플렉스(Flex) 실전 UI 제작 강의 미리보기

▼ 플렉스(Flex) 반응형 웹사이트(The World’s Best Cities) - PSD 파일 제공(사용범위 제한없음)

▼ 플렉스(Flex) 핵심이론 PDF 교재 제공 (전체 36페이지)


🙋🏻‍♂️ 강의 수강을 위한 선수지식

이번 강의는 플렉스(Flex)를 주제로 Flex 핵심이론부터 응용 및 실전 예제를 제작하는 과정입니다. 그리고 마지막에 Flex로 배치하는 반응형 웹사이트 제작과정도 함께 있습니다. 이번 강의는 Flex 반응형이라는 테마를 주제로 제작된 강의라는 특징이 있지만 일반적인 퍼블리싱 강의와 같습니다.

Flex 핵심이론은 기초부터 차근차근 진행하니까 너무 겁먹지 말고 시작하세요. 단, HTML+CSS에 대한 기본적인 이해도는 가지고 있으셔야 합니다. 지금 조금 부족하시다면 HTML+CSS를 공부하시면서 플렉스(Flex) 강좌를 들으셔도 괜찮습니다.

제 강의 중에 'HTML+CSS+JQUERY 포트폴리오 중급 실전 퍼블리싱 강의'가 있습니다. 이 강의에 있는 이론 내용과 실전 예제 제작 내용이 이번 반응형 웹사이트 제작 필요한 내용이 거의 모두 들어가 있습니다. 곧, HTML+CSS+JQUERY 기본기를 확실히 만들 수 있는 강의라고 생각합니다.

이번 반응형 웹사이트 제작에서 몇가지를 제외하고는 'HTML+CSS+JQUERY 포트폴리오 중급 실전 퍼블리싱 강의'에 있는 내용을 1회차 정도 학습하시고 오시면 따라오시기가 훨씬 수월할 것이라 생각합니다.

결론은...

입문이나 막 시작하시는 분만 아니시면 따라오시는 건 큰 문제 없다고 생각됩니다.
다른 강의를 통해서 HTML+CSS 기본기를 익히고 오셨다면 충분히 따라올 뿐만 아니라 왜 이렇게 하는지에 대한 이해도를 갖고 반응형 웹사이트 제작 과정을 마치시게 될 거라 생각합니다.


🙋🏻‍♂️ 효율적인 학습을 위한 학습방법

  • 섹션 3, 섹션 4, 섹션 5는 예제 제작 완성본을 섹션 6. 수강생 참고자료 및 완성본 다운로드에서 다운로드 받으실 수 있습니다. (섹션 2의 경우 이론 학습 영상이므로 [코딩웍스] FLEX 핵심이론 PDF 교재.pdf 파일 입니다.)
  • 섹션 2. 플렉스(Flex) 핵심이론을 학습하실 때는 핵심이론 PDF 교재와 함께 공부하세요.
  • 섹션 3. 플렉스(Flex) 유형별 UI 응용 예제섹션 4. 플렉스(Flex) 실전 UI 제작은 완성본 전체를 압축한 파일을 받아서 압축 푸시고 원하는 학습내용부터 시작하시면 됩니다. 학습하실 때 완성본이므로 index.html과 style.css 파일은 삭제하고 처음부터 시작하세요.
  • 섹션 5. 플렉스(Flex) 실전 반응형 웹사이트 제작 학습하실 때 완성본을 다운로드 하시고 압축 푸신후 index.html과 style.css와 responsive.css와 custom.js 파일은 삭제하고 처음부터 시작하세요.
  • 모든 예제 제작 완성본에는 예제 제작을 위한 텍스트 복사 붙여넣기 용도의 SOURCE.txt 라는 파일이 있으니 잘 활용해주세요.


🙋🏻‍♂️ 강의 관련 예상되는 질문과 필독사항

Q. 예제 제작하면서 나오는 중급 CSS 이론 설명 영상이 있나요?
A. '예제 제작하는데 기초이론에 나오지 않은 중급이론이 많이 나오는데 중급 이론 수업은 어디서 듣나요?' 이런 질문이 게시판에 자주 올라옵니다.

지금 과정은 초급 퍼블리싱 예제 제작을 하는 과정은 아닙니다. 초급~중급 퍼블리싱 예제를 제작하는 과정입니다. 그래서 CSS 초중급 이론은 어느 정도 알고 있으셔야 합니다. 그렇다고 꼭 잘 아실 필요는 없습니다. CSS 초중급 이론은 예제를 제작하면서 지속적으로 반복합니다. 그리고 코딩웍스 유튜브 퍼블리싱 채널에 [중급이론] CSS 중급이론 이라는 재생 목록에 예제 제작에 필요한 필수 중급 이론 영상이 자세히 있으니, 지금 과정을 들으시면서 중급 이론을 병행하시면 좋습니다.

Q. 이 과정 수강하면 실무에서 퍼블리셔로 일할 수 있을까요?
A. 이번 과정의 마지막 스텝인 '플렉스(Flex) 실전 반응형 웹사이트 제작'을 스스로 하실 수 있다면 충분히 취업할 수 있다고 생각합니다. 물론 이 과정에서 퍼블리셔 취업을 위한 퍼블리싱 스킬을 모두 다루지는 않지만 플렉스로 반응형 웹을 만들 수 있다는 것 하나만으로도 충분히 좋은 출발이라고 생각합니다.

Q. 이번 과정에 HTML+CSS+JQUERY 퍼블리싱 이론을 설명하는 이론 파트가 따로 없나요? 
A. 지금 수강하시는 과정은 플렉스를 테마로 플렉스를 공부하고 플렉스 실전 제작하고 플렉스 반응형 웹사이트를 제작하는 과정이라 플렉스(Flex) 이론을 제외하고 입문 초급 과정에 필요한 기초 퍼블리싱 이론 파트는 따로 없습니다. 기본 이론 파트와 실전 예제 제작 학습은 다른 과정을 통해서 스킬업하시기를 추천드립니다.

Q. 공부하다가 모르는 게 있으면 질문은 어디에 하나요? 
A. 질문이 있으시면 [질문&답변] 게시판에 글을 남기시면 바로는 아니어도 확인되면 답변을 드립니다. 그리고 
질문은 최대한 구체적으로 해주세요. 질문이 구체적이지 않았을 때 충분한 답변이 좀처럼 쉽지 않습니다. 그래서 질문하실 때는 궁금하신 내용과 함께 작성 중이신 HTML, CSS, JQUERY 코딩 화면을 캡처해서 첨부해 주시면 답변드리기가 훨씬 수월합니다.

Q. 예제 완성본, PSD파일, 교재PDF 파일은 어디에서 받나요? 
A. 수강생에게 제공되는 파일은 마지막에  있는 섹션 6. 수강생 참고자료 및 완성본 다운로드 에서 모두 다운로드 받으실 수 있습니다.

Q. 강사님 수업 중에 퍼블리셔 취업 진짜 실전 가이드를 먼저 보면 좋을까요? 
A. 퍼블리싱 스킬를 더 익히는 것도 중요하지만 먼저 퍼블리셔로서 기본기를 갖추는 것이 우선되어야 합니다. 퍼블리셔 취업 실전가이드 전자책(PDF)에서는 퍼블리싱 기본기란 바람직한 코딩습관과 원칙, 경력자 처럼 퍼블리싱 하기 등 퍼블리셔로서 반드시 알아야 하는 내용을 꼼꼼히 정리했습니다. 퍼블리셔 취업 실전가이드 전자책(PDF)을 먼저 보시고 퍼블리싱 기본기에 대한 이해도를 충분히 갖고 학습하시기를 권해드립니다. 아래 이미지를 클릭하시면 수업 소개 내용을 보실 수 있습니다.


    ▲ 퍼블리셔 취업을 위한 코딩웍스 퍼블리싱 강의 로드맵


    👨🏼‍🏫 강사소개

    • (현재) 프리랜서 프론트엔드 퍼블리셔
    • 더조은 컴퓨터아카데미 웹 퍼블리싱 강사
    • 이젠 컴퓨터아카데미 웹 퍼블리싱 강사
    • 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
    • 이젠 컴퓨터아카데미 웹디자인 기능사 실기 자격증반
    • 라크피아 ICT 트레이닝 센터프론트엔드 퍼블리싱 마스터 코스 강사
    • 이지앤에듀프론트엔드 퍼블리싱, UI/UX 디자인
    • HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
    • https://www.youtube.com/channel/UCV5u_ZGPD6WPUPfjc1fPA3A

    플렉스, flex, flexbox, html, css, html/css,  website, 웹 퍼블리셔, 웹사이트, 코딩, coding, jquery, 제이쿼리, 레이아웃, 인터렉티브웹, interactive web, web design, 웹디자인, 포트폴리오,  퍼블리싱, 반응형웹, 웹디자인기능사 실기시험

    지식공유자가 알려주는
    강의 수강 꿀팁!
    🎓
    이런 분들께
    추천드려요!
    플렉스(Flex) 반응형 웹사이트 제작 과정을 경험하고 싶은 퍼블리셔
    퍼블리싱 기본기를 활용한 실전 웹사이트 제작을 원하는 분
    퍼블리싱 개인 포트폴리오 홈페이지 제작이 필요하신 분
    📚
    선수 지식,
    필요한가요?
    HTML+CSS 기초 코딩 능력

    안녕하세요
    코딩웍스(Coding Works) 입니다.
    코딩웍스(Coding Works)의 썸네일

    ■ [현재] 프리랜서 프론트엔드 퍼블리셔
    ■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
    ■ 더조은 컴퓨터아카데미 웹 퍼블리싱 강사
    ■ 이젠 컴퓨터아카데미 웹 퍼블리싱 강사
    ■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
    ■ UI/UX 웹 디자인 포트폴리오 강의
    ■ 웹디자인 기능사 실기 자격증반 강의
    ■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱

    커리큘럼 총 92개 ˙ 21시간 26분의 수업
    이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
    섹션 1. 텍스트 에디터 사용법(Brackets, Visual Studio Code)
    블라켓츠(Brackets) 다운로드 및 에밋 설치 미리보기 06:23 블라켓츠(Brackets) 사용법 및 단축키 활용 미리보기 23:20 블라켓츠(Brackets)에서 에밋(Emmet) 사용법 및 단축키 활용) 미리보기 34:15
    비주얼 스튜디오 코드(Visual Studio Code) 사용법 및 환경설정 47:17
    비주얼 스튜디오 코드(Visual Studio Code)에서 에밋(Emmet) 사용법 26:46
    섹션 2. 플렉스(Flex) 핵심이론
    플렉스(Flex) – 부모요소 자식요소 개념 정리 11:38
    플렉스(Flex) - 부모요소에 쓰는 속성(display: flex) 08:48
    플렉스(Flex) - 부모요소에 쓰는 속성(justify-content) 17:16
    플렉스(Flex) - 부모요소에 쓰는 속성(align-items) 10:35
    [응용 예제] 부모요소 자식요소 중첩해서 수직 수평 중앙 정렬 미리보기 08:09
    플렉스(Flex) - 부모요소에 쓰는 속성(flex-direction) 06:49
    플렉스(Flex) - 부모요소에 쓰는 속성(flex-wrap) 06:10
    플렉스(Flex) - 부모요소에 쓰는 속성(flex-flow) 04:11
    플렉스(Flex) - 부모요소에 쓰는 속성(align-content) 07:36
    플렉스(Flex) - 자식요소에 쓰는 속성(flex-grow, flex-shrink, flex-basis) 25:25
    플렉스(Flex) - 자식요소에 쓰는 속성(flex) 16:37
    플렉스(Flex) - 자식요소에 쓰는 속성(order) 09:41
    플렉스(Flex) - 자식요소에 쓰는 속성(align-self) 05:04
    플렉스(Flex) - 자식요소 사용하는 마진(margin) 속성 10:48
    섹션 3. 플렉스(Flex) 유형별 UI 응용 예제
    [응용 예제] 부모자식으로 중첩된 div를 가로 배치하기 07:43
    [응용 예제] 플렉스 시멘틱 레이아웃(반응형) 18:54
    [응용 예제] 플렉스 가로 세로 혼합 레이아웃 18:36
    [응용 예제] 스크롤 없는 높이 100% 레이아웃 15:25
    [응용 예제] 반응형 헤더영역(로고, 검색, 네비게이션) 14:47
    [Flex 그리드 예제] 플렉스(Flex) 가로(row) 그리드 09:10
    [Flex 그리드 예제] 플렉스(Flex) 세로(column) 그리드 10:22
    [웹사이트 레이아웃 예제] 플렉스(Flex) 레이아웃 설계(1) 미리보기 14:32
    [웹사이트 레이아웃 예제] 플렉스(Flex) 레이아웃 설계(2) 12:30
    [웹사이트 레이아웃 예제] 플렉스(Flex) 레이아웃 설계(3) 15:34
    [웹사이트 레이아웃 예제] 플렉스(Flex) 레이아웃 설계(4) 10:57
    [응용 예제] 플렉스(Flex)로 카드 UI 수직 정렬 맞추기 10:42
    [응용 예제] flex-wrap과 flex-basis를 활용한 태블릿 레이아웃 14:52
    [응용 예제] 플렉스(Flex) 자식요소 패딩 마진 조절하기 13:02
    섹션 4. 플렉스(Flex) 실전 UI 제작
    Flex UI 실전 제작(1) – 반응형 로그인 폼 디자인(1) 12:57
    Flex UI 실전 제작(1) – 반응형 로그인 폼 디자인(2) 19:31
    Flex UI 실전 제작(1) – 반응형 로그인 폼 디자인(3) 07:56
    Flex UI 실전 제작(2) – 반응형 카드 UI 디자인(1) 17:03
    Flex UI 실전 제작(2) – 반응형 카드 UI 디자인(2) 12:07
    Flex UI 실전 제작(3) – 반응형 헤더 네비게이션(1) 11:51
    Flex UI 실전 제작(3) – 반응형 헤더 네비게이션(2) 09:44
    Flex UI 실전 제작(3) – 반응형 헤더 네비게이션(3) 16:34
    Flex UI 실전 제작(3) – 반응형 헤더 네비게이션(4) 19:33
    Flex UI 실전 제작(4) – 반응형 상담 신청하기(1) 10:23
    Flex UI 실전 제작(4) – 반응형 상담 신청하기(2) 08:56
    Flex UI 실전 제작(4) – 반응형 상담 신청하기(3) 24:19
    Flex UI 실전 제작(4) – 반응형 상담 신청하기(4) 15:41
    Flex UI 실전 제작(4) – 반응형 상담 신청하기(5) 06:36
    Flex UI 실전 제작(5) – 반응형 헤더영역과 이미지 갤러리(1) 10:57
    Flex UI 실전 제작(5) – 반응형 헤더영역과 이미지 갤러리(2) 25:07
    Flex UI 실전 제작(5) – 반응형 헤더영역과 이미지 갤러리(3) 17:50
    Flex UI 실전 제작(6) – 반응형 퍼블리싱 강좌 리스트(1) 16:06
    Flex UI 실전 제작(6) – 반응형 퍼블리싱 강좌 리스트(2) 19:39
    Flex UI 실전 제작(6) – 반응형 퍼블리싱 강좌 리스트(3) 14:31
    Flex UI 실전 제작(7) – 반응형 블로그 포스트 리스트(1) 17:37
    Flex UI 실전 제작(7) – 반응형 블로그 포스트 리스트(2) 18:13
    Flex UI 실전 제작(8) – 개인프로필 카드 UI 호버 이펙트 미리보기 28:01
    섹션 5. 플렉스(Flex) 실전 반응형 웹사이트 제작
    HTML 와이어프레임 설계 및 CSS 기본설정(1) 미리보기 15:27
    HTML 와이어프레임 설계 및 CSS 기본설정(2) 14:08
    헤더영역과 인트로 영역 상세 퍼블리싱(1) 14:50
    헤더영역과 인트로 영역 상세 퍼블리싱(2) 24:07
    About Section 상세 퍼블리싱 미리보기 20:34
    CallAction Section 상세 퍼블리싱 28:07
    Festival Section 상세 퍼블리싱 10:31
    Footer 상세 퍼블리싱 15:58
    Ranking Section 상세 퍼블리싱(1) 20:18
    Ranking Section 상세 퍼블리싱(2) 21:40
    Testimonial Section 상세 퍼블리싱(1) - Slick Slider 13:24
    Testimonial Section 상세 퍼블리싱(2) - Slick Slider 12:50
    Testimonial Section 상세 퍼블리싱(3) - Slick Slider 22:36
    Testimonial Section 상세 퍼블리싱(4) - Slick Slider 17:53
    Blog Section 상세 퍼블리싱(1) 27:54
    Blog Section 상세 퍼블리싱(2) 27:18
    상세 퍼블리싱(스크롤 헤더 디자인 변경하기) 15:10
    상세 퍼블리싱(브라우저 가장 상단으로 보내는 Go to top 버튼) 10:50
    상세 퍼블리싱(부드럽게 슬라이딩 스크롤하는 제이쿼리와 순수 CSS) 15:45
    반응형 모바일 레이아웃 변환(1) - 세팅작업 및 7개 섹션 29:51
    반응형 모바일 레이아웃 변환(2) - Blog Section 10:29
    반응형 모바일 레이아웃 변환(3) - 헤더영역, 네비게이션(1) 20:21
    반응형 모바일 레이아웃 변환(4) - 헤더영역, 네비게이션(2) 13:16
    섹션 6. 수강생 참고자료 및 완성본 다운로드
    [다운로드] Flex 핵심이론 PDF 교재
    [다운로드] Flex 응용 예제 완성본
    [다운로드] Flex 실전 UI 예제 완성본
    [다운로드] Flex 반응형 웹사이트 완성본
    [다운로드] 포토샵 UI 디자인 PSD 파일
    [다운로드 PDF] 비주얼 스튜디오 코드(Visual Studio Code) 및 에밋(Emmet) 치트키
    섹션 7. 강의 관련 오류 수정 및 자주 묻는 질문들(FAQ)
    [오류수정] 블라켓(Brackets)에서 생기는 표시 오류
    [FAQ] Brackets에서 Emmet 코드힌트 안생기는 오류 해결 방법
    [FAQ] 블라켓(Brackets) 실시간 미리보기 크롬으로 열리게 하기(기본 브라우저 설정)
    [오류수정] 모바일에서 좌우에 미세한 스크롤이 생기는 현상과 해결책(Slick.js 커스텀 CSS 관련)
    [FAQ] HTML 내에 파일 링크할 때 꼭! 상대주소로 하셔야 합니다.
    강의 게시일 : 2020년 09월 01일 (마지막 업데이트일 : 2020년 09월 04일)
    수강평 총 7개
    수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
    5.0
    7개의 수강평
    5점
    4점
    3점
    2점
    1점
    VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
    Coder thumbnail
    안녕하세요ㅎ 강의 올라온거 확인하고 바로 수강했습니다😄️😄️ 중급 실전 퍼블리싱부터 전편 반응형 웹사이트 제작 강의까지 다 봤는데 정말 자세하게 이해하기 쉽게 설명해주셔서 너무 만족스럽게 들었고, 진짜 강의 완강할 때마다 제 스스로가 실력이 엄청 많이 늘었다는게 느껴져서 너무 기분이 좋고 뿌듯합니다. 이런 좋은 강의 만들어주신 강사님께도 너무 감사드립니다! 제 개인적으로는 기존 레이아웃잡는 방식보다 Flex방식으로 레이아웃 잡는게 더 편하고 쉬웠는데 IE 문제때문에 Flex를 제대로 배우고 사용하고 싶어도 사용하지 못했었는데 이제 IE 지원 중단을 한다고하니 앞으로 Flex도 꽤 자유롭게 사용할 수 있을꺼 같아 이번 강의도 너무 기대됩니다~
    2020-09-02
    지식공유자코딩웍스(Coding Works)
    코더님~ 코딩웍스입니다. 제강의 완강할 때마다 실력이 느신다는 말이 저를 보람있게 하네요. 지금처럼 꾸준히 공부해주시고 늘 건강 조심하시구요. 알찬 수강후기 감사해요.^^ 코더님 수강후기가 예비 수강생들에게 좋은 가이드가 될거라고 생각합니다
    2020-09-03
    주승훈 thumbnail
    처음 부터 플렉스 까지 강의를 완강하였습다. 강사님의 친절한 설명과 잊어버릴 수 있는부분을 반복적으로 상기시켜주셔서 반복적인 학습효과로 중요한 부분을 잊지 않을 수 있었습니다. 강의들을 듣기 전과 듣기 후 에 자신감 차이도 있고 실무에서도 제가 주도적으로 의견을 제시할 수 있을 것 같습니다. 다시한번 감사합니다 ~~
    2020-12-22
    sally3210 thumbnail
    안녕하세요. 선생님의 유튜브 강의 열심히 듣는 학생입니다. 그렇잖아도 플렉스 강의가 없어서 여기저기 찾는중이었는데 선생님이 딱 올리셔서 바로 올리자 마자 수강신청하고 듣는중인데 웹사이트가 넘 예쁘네요. 다 듣고 나면 포토샵 조금 수정해서 개인 홈페이지에 써도 되겠지요? 혹시 플렉스 웹사이트 제작한거 조금만 바꿔서 개인 포트폴리오로도 써도 되는지 여쭤봅니다. 그럼 다시 계속 열공하러 ~~~
    2020-09-01
    지식공유자코딩웍스(Coding Works)
    샐리님~ 코딩웍스입니다. 그럼요. 얼마든지 개인 용도로 사용하세요. 포토샵 PSD 파일을 제공하는건 퍼플리셔라고 해도 포토샵이 익숙하지 않은 사람들도 있잖아요. 그럼 개인 포트폴리오 홈페이지 만드는거 시작하는게 쉬운 일이 아니잖아요. 그래서 제공하는거니까 얼마든지 사용하세요~ 그대로 사용하셔도 되지만 그래도 포토샵 파일 본인에 맞게 수정하셔서 사용하세요. 열공하시고 궁금한 점은 질문주세요~^^
    2020-09-01
    jhm1703 thumbnail
    원래 유xx나 다른 곳에서도 댓글을 정말 안남기는데 진짜 너무나도 너무나도 명강의고, 제가 HTML이랑 CSS를 어느정도 알고 있지만 세세하게 모르는 부분이 있었습니다. 하지만 그 세세한 부분까지 다 알려주시고 넘어가시고, 또한 강의에서 flex를 꼭 써야하는 이유를 Flex 방법과 다른 방법으로 비교해서 알려주시고 또한 색깔 네모 박스로 어떻게 HTML을 짜야하는지 너무나도 잘 알려주십니다. 그래서 전 어느정도까지 일단 Flex 지식을 쌓은 후에 듣는 강의마다 완성 본을 보고 처음에 어느정도 제가 짜보는 식으로 하니깐 정말로 많이 실력이 늘었습니다!! 그리고 질문을 하면 바로바로 답장해주시는 강사님.. 리스펙!!
    2021-01-06
    지식공유자코딩웍스(Coding Works)
    하민 님~ 코딩웍스입니다. 구체적이고 꼼꼼한 수강후기 감사드립니다. 코딩웍스 퍼블리싱 강의가 취업에 꼭 도움이 되었으면 합니다. 춥네요. 항상 따뜻하게 입으시고 건강 조심하세요~^^
    2021-01-07
    Choi Boo thumbnail
    선생님 덕분에 퍼블리싱에 자신감이 생겼습니다. 여태 css 프레임워크(부트스트랩 등)에 의존하며 지내왔는데 갑자기 순수 css로(+flex)만 작성해야하는 일이 생겨서 강의를 듣게 되었습니다. flex 처음부터 응용까지 알려주시고, 와이어프레임 잡아주시는 걸 보고 저도 스킬이 생겨서 어떤 레이아웃을 보면 어떻게 나누면 되겠다라는게 보이더라구요 강의를 보면서 만드시느라 고생하셨다는게 보이네요 ㅠㅠ 강의가 꽤 길어서 후반에 가면 이전에 했던 것들이 가물가물하는데 그래도 다시 한 번 설명 해주시는 부분도 정말 좋았습니다!! 다음 강의도 따라가겠습니다. 파이팅!
    2021-01-09
    지식공유자코딩웍스(Coding Works)
    너무 좋은 말씀해 주셔서 감사합니다. 코딩웍스 강의로 퍼블리싱 자신감이 생기셨다니 너무 좋네요. 다른 강의 들으시다가 궁금하신 점 있으면 언제든지 질문 주세요. 꼼꼼한 리얼 수강 후기 감사드립니다.^^
    2021-01-09

    55,000원

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