Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
개발 · 프로그래밍

/

웹 개발

SVG 마스터

웹 벡터 그래픽 SVG를 기초부터 제대로 익히고, 재미있고 다양한 예제들을 통해 원하는 방향으로 응용할 수 있는 기술을 습득합니다.

(4.9) 수강평 100개

수강생 1,656명

  • 1분코딩

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • 웹페이지에서 SVG 그래픽 제대로 사용하기

  • 자바스크립트를 이용해 인터랙션이 있는 SVG 만들기

  • Font Awesome같은 아이콘폰트 만들기

깨지지 않는 이미지 제작을 원한다면?
1분코딩님의 SVG강의로 마스터하기! 😎

SVG (스케일러블 벡터 그래픽스)
2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로,
해상도가 깨지지 않는 깔끔한 이미지를 표현하기에 좋습니다.


기초부터 다양한 효과까지
한 번에 배워요 🔎

SVG는 현대 웹페이지 그래픽 표현에 널리 쓰이는 벡터 그래픽 포맷입니다.
본 강의는 SVG의 처음인 기초 개념부터 애니메이션, 다양한 효과, 스크립트 인터랙션까지 다뤄봅니다.

SVG를 공부해보고 싶었지만 너무 방대하고 산발적인 자료들 때문에
손 놓으셨던 분들은 이 수업으로 한 번에 학습하여 정리하실 수 있습니다.

이 강의만의
특징을 알려드려요 😝

  • SVG 조작에는 기본적인 CSS와 JS 개념들이 필요합니다.
    이에 익숙하지 않은 분들을 위해 보너스 강의 섹션에 개념정리 영상을 넣어두었습니다.

  • 처음부터 자바스크립트의 개념정리가 필요하시다면,
    유튜브 채널의 JS 기초 영상들로 함께 공부하셔도 좋습니다.

  • 각 섹션의 첫 번째 강의마다 삽입되어 있는 버튼을 클릭하시면
    모든 예제의 소스코드를 다운받아 편하게 학습하실 수 있습니다.


이런 분들께 추천해요 ✨

해상도가 깨지지 않는
SVG를 하나씩 배우고싶은 분

다양한 실습을 통해
SVG를 마스터하고싶은 분

인터랙티브 SVG를
만들어보고싶은 분

 

연관 로드맵 🚎

"Oh!" 감탄사가 나오는 역동적인 인터랙티브 웹사이트를 만들어요.
1분코딩님의 인터랙티브 웹 사이트를 만들어보는
강의들로 구성된 로드맵입니다.
이 강의 포함

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 웹페이지의 아이콘, 일러스트 등에 SVG를 이용하고 싶은 분

  • 동적이고 멋진 인터랙티브 애니메이션 그래픽을 만들고 싶은 분

  • SVG를 이용해 창의력 넘치는 작업을 하고 싶은 디자이너

  • SVG가 뭔지는 대강 알겠는데 정보가 많고 혼란스러워 정리가 필요한 분

  • 웹페이지에 살아있는 내 작품을 표현하고 싶은 일러스트레이터

선수 지식,
필요할까요?

  • CSS와 자바스크립트 기초

안녕하세요
입니다.

19,333

수강생

1,232

수강평

1,175

답변

5.0

강의 평점

11

강의

서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.

커리큘럼

전체

37개 ∙ (4시간 21분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

100개

4.9

100개의 수강평

  • kse0120500029님의 프로필 이미지
    kse0120500029

    수강평 1

    평균 평점 5.0

    5

    11% 수강 후 작성

    Hello. While studying, I always looked at websites with libraries or SVG effects, and I was so curious about how they were made that I even analyzed the code on my own. When I analyzed the code on my own, I didn't understand it well, so I just stood still. Then, I came across Studio Mil's video on YouTube, and I found out about the lecture and paid for it. I'm very interested in not only SVG effects, but also interactive web, so I paid right away, and I'm very satisfied with the lecture. I haven't learned everything properly yet, but I'm leaving a review because I'm so grateful that you made this lecture. Thank you.

    • studiomeal
      지식공유자

      Wow - thank you. Reading your course review really gives me strength ^^

  • rlfalstlr061198님의 프로필 이미지
    rlfalstlr061198

    수강평 4

    평균 평점 5.0

    5

    100% 수강 후 작성

    After learning the basics of HTML and CSS on my own for 2 months and learning the basics of Java Script to some extent, I became more greedy for front-end technology, so I signed up for the SVG course and it took me about 3 days to complete it. At first, I thought it would be a bit difficult because it felt similar to HTML and CSS but somehow different, but it wasn't as difficult as I thought, maybe because I reviewed the prerequisites hard(?) ㅎㅎ It wasn't difficult and it was fun. I kept making and thinking about the practical assignments that came up in the middle, and before I knew it, I finished the course in 3 days ㅎㅎ (I personally really enjoyed it. ㅎㅎ ) Now I'm going to go study Java Script for sure! Fighting to everyone~~!

    • studiomeal
      지식공유자

      I think it probably felt easy because you studied hard through other lectures and your basics have improved a lot! Learning effects are showing~^^ Always fighting! Thank you for the good course review.

  • ssonga7님의 프로필 이미지
    ssonga7

    수강평 3

    평균 평점 5.0

    5

    81% 수강 후 작성

    I came here after watching 1 Minute Coding's interactive lecture for beginners. I like that the progress is a bit faster~ And as always, I like that the lecture is easy to understand and comfortable. SVG is so interesting~ I have to apply it to my work.

  • ymo3213946님의 프로필 이미지
    ymo3213946

    수강평 4

    평균 평점 5.0

    5

    100% 수강 후 작성

    I listened to the great lecture~~

  • jjy3061057884님의 프로필 이미지
    jjy3061057884

    수강평 3

    평균 평점 5.0

    5

    32% 수강 후 작성

    Since it's a lecture by CSS Master 1min Coding, I registered for the course without hesitation! I'm still on Section 4, but it's great for building knowledge easily!! I'm looking forward to future lectures as well 😊😊😊

₩27,500

1분코딩님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!