인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
로드맵 썸네일

디발자 / 개자이너 연봉 수직상승 로드맵 💸

작성자 프로필 이미지

인프런

HTML/CSS
JavaScript
SVG

초급 대상

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

239명 참여중

10% 할인

11개 남음전체 구매 적용
쿠폰 받기

로드맵 코스


우와~,
감탄사가 절로 나오는
웹사이트를 만들어요!

매일같이 비슷비슷한 웹페이지만 만드시는 데 지치지 않으셨나요?
이제 누가 봐도 역동성 있고 멋진 웹페이지를 직접 만들어보세요.

✅ 이런 분들 잘 오셨어요.

😁 해외 웹 어워드 수상작처럼 창의적인 UI 인터랙션을 구현하는 과정을 직접 보며 배우고 싶다.
😁 몸값 높고 귀한 '개자이너' or '디발자'가 되고 싶다.
😁 멋진 웹 포트폴리오를 만들어 연봉협상에서 유리해지고 싶다.
😁 라이브러리 활용하는 방법 말고 동작 원리를 이해하고 싶다.
😁 나는 진짜 창의력이 넘치는 디자이너인데 내 코딩 스킬이 내 머리를 따라가지를 못한다.
😁 그동안 CSS며 자바스크립트며 열심히 공부했지만, 항상 비슷한 내용과 예제들로 지금도 비슷한 것만 만들 줄 안다.

✅ 이 순서로 공부하면 무엇을 얻을 수 있나요?

잘 하는 개발자가 되기 위해서는 원천 기술과 구현 원리에 대한 이해가 중요합니다.
바닥을 튼튼히 하기 위해 자바스크립트를 라이브러리 없이 바닥부터 구현해 볼 거에요.
실무에서는 생산성이 중요하므로 좋은 JS 라이브러리를 찾아 잘 쓰는 것도 중요하죠. 
하지만 첫 시작부터 하나하나 직접 구현하는 방법으로 공부하면, 남들과 차별화된 고급 인터랙티브 엔지니어로 성장할 수 있습니다.
눈에 보이는 동작은 같아도, 바닥부터 직접 만드는 방법을 훈련한 개발자는 숙련도부터 다르니까요. 

먼저 웹의 기초를 탄탄하게 다지고 자바스크립트를 다루기 시작할 겁니다. 
이 로드맵을 통해 보다 더 멋진 웹을 구현하세요.
물론 다음 연봉협상에서도 유리해질 수 있을 거에요. 💸

 

로드맵 상세보기

5개 코스

로드맵에 포함된 강의 썸네일
웹의 기초를 탄탄하게 다져보세요. 
실무 퍼블리셔로서 취업이 가능할 정도로 거의 모든 지식과 예제를 알려줍니다.

33,000

44,000

로드맵에 포함된 강의 썸네일
이제 움직임과 동작을 완성시켜 줄 자바스크립트 를 배워보세요.

무료

로드맵에 포함된 강의 썸네일
자바스크립트를 배웠다면, 개념을 한번 더 정립해 주세요.
좀 더 정확하게 원하는 것을 만들 수 있도록 도와줍니다.

16,500

22,000

로드맵에 포함된 강의 썸네일
수업 처음부터 끝까지 라이브러리 없이 바닥부터 구현합니다. 실무에서는 생산성이 중요하므로 좋은 라이브러리를 찾아 잘 쓰는 것도 중요하지만, 잘 하는 개발자가 되기 위해서는 원천 기술과 구현 원리 대한 이해가 중요합니다. 첫 시작부터 하나하나 직접 구현하는 방법으로 공부하면, 남들과 차별화된 고급 인터랙티브 엔지니어로 성장할 수 있습니다. 눈에 보이는 동작은 같아도, 바닥부터 직접 만드는 방법을 훈련한 개발자는 숙련도부터 다릅니다.

41,250

55,000

로드맵에 포함된 강의 썸네일
인프런
SVG 마스터
현대의 웹페이지 그래픽 표현에 널리 쓰이는 벡터 그래픽 포맷인 SVG를 처음부터 파헤쳐보는 수업입니다.
기본적인 SVG의 개념과 사용법부터 애니메이션, 여러가지 효과들, 스크립트 인터랙션까지 다루어 봅니다.
SVG 공부해 보려다가 너무 방대하고 산발적인 자료에 손 놓으셨던 분들은 이 수업으로 싹 정리해 보세요.
SVG 조작에는 몇몇 기본적인 CSS와 자바스크립트 개념들이 필요합니다.

20,620

27,500

10% 할인

11개 남음전체 구매 적용
쿠폰 받기

로드맵 코스 5