jyoung
@jyoung
Học viên
9,906
Đánh giá khóa học
440
Đánh giá khóa học
4.8
안녕하세요.
AI 활용 UIUX 풀스택 디자인 디렉터 J.영입니다.
저는 20년 이상 웹·앱 서비스 기획, 디자인, 개발 실무를 경험했으며,
현재는 UIUX 웹기획 · 디자인 · 프론트엔드 부트캠프 강사로 활동하고 있습니다.
실무 경험을 바탕으로 지금까지 500명 이상의 수강생이 디자인 및 IT 분야로 취업할 수 있도록 도왔으며, 현재도 AI 시대에 맞는 새로운 포트폴리오 제작 방법과 실무 역량 교육에 집중하고 있습니다.
저의 강의 철학은!
실무에 바로 투입 될 수 있는 역량 구축
단순히 툴 사용법을 배우는 것이 아니라, 기획부터 디자인, 개발, 배포까지 실무와 동일한 프로세스를 경험하며 현업에서 바로 활용할 수 있는 역량을 갖추도록 돕습니다.
현업이 원하는 핵심 역량 집중
빠르게 변화하는 채용 시장에서 필요한 AI 활용 능력, 문제 해결 능력, 협업 능력을 중심으로 학습합니다.
취업으로 연결되는 포트폴리오 제작
면접관이 관심을 가질 수 있는 프로젝트와 포트폴리오를 만드는 데 집중합니다.
AI 시대에는 디자인만으로는 부족합니다.
이제는 기획하고, 디자인하고, 구현하고, 배포할 수 있는
Fullstack Creator 역량이 필요합니다.
Design툴 기본 활용 능력 + Claude, Codex, Figma를 활용하여 실제 서비스를 제작하며,
AI와 함께 결과물을 만드는 방법을 경험하게 합니다.
- 어디서부터 시작해야 할지 막막한 분,
- 포트폴리오의 경쟁력을 높이고 싶은 분,
- AI를 활용해 더 빠르게 성장하고 싶은 분이라면 제가 여러분의 든든한 가이드가
되어드리겠습니다.
여러분의 결과물이 완성되는 순간까지 함께하겠습니다.
실무경력
2017~현재 | Digital Product Director & UX Consultant
2015~2017 | Executive Director, EliEsel Inc.
2003~2015 | Executive Director, Amusingware Inc.
2003 | Head of Design, Seowoo C&D
강의경력
취업 포트폴리오 제작 및 프로젝트 멘토링
기업 출강 및 실무 역량 강화 교육
대학 · 기업 · 교육기관 대상 실무 강의
디자인 · 개발 포트폴리오 컨설팅 및 그룹 멘토링
실무 프로젝트 기반 팀 코칭 및 포트폴리오 지도
기업 재직자 및 취업 준비생 대상 실무 교육
AI 기반 UIUX · 프론트엔드 실무 교육 및 컨설팅
- 현) UIUX 기획 · 디자인 · 프론트엔드 부트캠프 전임 강사 (이젠DX아카데미 -강남점)
- 디자인.개발 포트폴리오 전문 강의 및 팀그룹강의
* 운영중인 유튜브 (코딩하는 디자이너)
보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
강의 질문과 포트폴리오 관련 피드백 드립니다.
- 오픈채팅방명 : 잘난웹디
- 코드 : jyoung
Khóa học
Đánh giá khóa học
- Figma MCP × AI x Vibe Coding: Hoàn thành trang web portfolio phản hồi chỉ trong 4 giờ
- Khóa học siêu tốc độ vững chắc về HTML/CSS 2024
- Khóa học hoàn thành siêu tốc Figma UI3: Từ cơ bản đến thực chiến vững chắc
- Khóa học hoàn thành siêu tốc Figma UI3: Từ cơ bản đến thực chiến vững chắc
- Figma MCP × AI x Vibe Coding: Hoàn thành trang web portfolio phản hồi chỉ trong 4 giờ
Bài viết
Hỏi & Đáp
figma 파일을 받을 수가 없어요
안녕하세요? 허영덕님자료 잘 받으셨지요?강의 들으시다가 궁금하신 점 있으시면 질문주세요~~화이팅하세요^^J.영드림
- Lượt thích
- 0
- Số bình luận
- 1
- Lượt xem
- 56
Hỏi & Đáp
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
JJJ님 안녕하세요? J.영입니다.본강의는 총 1차부터 3차까지 진행하고 있는데요~~1차강의는 Cursor 유료로 진행했습니다.2차강의는 Antigravity 무료와 Claude 유료로 진행했습니다.MCP를 연결해서 사용하는 방법외에는 에이전트 사용법은 모두 같으니굳이 Cursor가 아녀도 Claude를 유료로 결제하시면되구요..연습용으로 Antigravity 무료로 먼저 사용해보시고, Claude를 결제하셔도 좋을 것 같아요~~(2차 강의에 Antigravity와 Claude MCP 연결하는 부분도 올려드렸습니다)Figma는 베리어블 등록때문에 유료 결제가 되어야하는데..tokens.json파일을 따로 제공했으니 변수 등록때문에 Figma를 유료로 결제하실 필요는 없을 것 같습니다요즘은 AI가 변수등록도 다 해주니까...굳이 힘들게 일일이 변수 등록도 할 필요가 없어졌어요 ㅎ이내용 관련해서도 추후에 강의 업데이트 예정에 있습니다.그럼 열공하시고 궁금하신점 있으시면 언제든 질문 주세요^^감사합니다 .J.영드림
- Lượt thích
- 0
- Số bình luận
- 1
- Lượt xem
- 86
Hỏi & Đáp
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
안녕하세요?prayforyooh님답이 늦어 죄송합니다(제가 지방에 내려와서요~^^) 5강은 피그마 autolayout기초 강의는 따라하시면서 학습하시는거라따로 결과물은 없습니다필요하시면 jjjh523@nate.com으로 메일 주시면 보내드리겠습니다감사합니다 J.영드림
- Lượt thích
- 0
- Số bình luận
- 2
- Lượt xem
- 75
Hỏi & Đáp
노션에 20.Contact가 없어요
안녕하세요? 김가희님본 강의를 수강해주셔서 감사드립니다.컨텍에 관한 자료는 영상만 보셔도 충분하시리라 생각되어서 작성하지 않았습니다혼선을 드려 죄송합니다.일단 노션자료에 19~20강의로 타이틀을 수정하였어요^^자료가 없으셔서 불편하시다면 다시 말씀해주세요^^보완해서 올리도록 하겠습니다감사합니다.오늘도 좋은 하루 되세요^^J.영드림
- Lượt thích
- 0
- Số bình luận
- 2
- Lượt xem
- 47
Hỏi & Đáp
Json 플러그인 사용시 variable collection 없음
아 혜령님~피그마 파일을 Duplicate to your drafts로 복제하여 가져가셨을까요?저도 혜령님과 같은 상황을 연출해 봐야, 문제점을 찾을 수 있을것 같아요ㅜ지금 상황에서 저는 모든것이 잘 보이는 상황이라서요...답변주시면 문제해결점을 찾아보도록 하겠습니다.감사합니다.J.영드림
- Lượt thích
- 0
- Số bình luận
- 2
- Lượt xem
- 55
Hỏi & Đáp
배리어블 목록 없음
혜령님 안녕하세요?혜령님 질문주셔서 정말 감사드려요~~혜령님 말씀대로 이제는 복사해서 붙여넣기하면 안되도록 정책이 바꼈네요 ㅜㅜㅜ여러방법으로 테스트해본 결과~~아래 이미지처럼 Duplicat to your drafts로 해서 가져가시면 베리어블 등록한것도 다 보이네요~~~이렇게 가져가셔서 테스트 해보시고 또 안되시면 질문주세요^^감사드려요~~(사진)~
- Lượt thích
- 0
- Số bình luận
- 3
- Lượt xem
- 96
Hỏi & Đáp
Token 등록 방법 문의
안녕하세요? 혜령님좋은 질문 감사드립니다.결론부터 말씀드리면,강의 방식(TypeA)과 Primitive/Semantic 방식(TypeB)은 서로 틀린 것이 아니라 목적이 다른 구조입니다.본 강의에서는 요소를 기준으로 값을 쪼개는 방식(TypeA)을 사용했습니다. AI가 디자인 구조를 헷갈리지 않고 정확하게 읽도록 만들기 위함입니다.예를 들어section-padding-top = 20section-padding-bottom = 10이렇게 정의하면AI 입장에서는 “이 값이 어디에 쓰이는지”를 바로 이해할 수 있어서구현 정확도가 높아집니다.반면에 실무 디자인 시스템에서는 보통 Primitive + Semantic 구조(TypeB)를 많이 사용합니다.Primitivespacing-10 = 10pxspacing-20 = 20pxSemanticsection-padding-top = spacing-20section-padding-bottom = spacing-10이 방식은 값 재사용, 유지보수, 확장성에 더 유리해서실제 실무에서는 보통 이렇게 많이 사용하기도하는데요 둘 중 하나가 정답이 아니라, 상황에 따라 선택하거나 혼합해서 사용하는 것이 가장 좋은 방법이라 생각됩니다감사합니다^^J.영드림
- Lượt thích
- 0
- Số bình luận
- 1
- Lượt xem
- 46
Hỏi & Đáp
배리어블 목록 없음
안녕하세요? 김혜령님먼저 본 강의를 수강해 주셔서 깊은 감사드립니다.베리어블은 2번째 page를 선택하시고, variables오른쪽에 버튼을 클릭하셔서 responsive를 선택하시면 됩니다.(사진)함 살펴보시고 여전히 안보이신다면 다시 질문주시면 감사하겠습니다.오늘도 좋은하루 되세요^^J.영드림
- Lượt thích
- 0
- Số bình luận
- 3
- Lượt xem
- 96
Hỏi & Đáp
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
yyasd0110님강의 결과물을 말씀하시는 걸까요???결과물은 따로 올리지는 않았는데요~~코딩결과물이 필요하시다면 오프라인 수업에서 활용한 결과물을 드릴 수 있어요jjjh523@nate.com으로 메일주시면 보내드리도록 하겠습니다감사합니다^^J.영드림
- Lượt thích
- 0
- Số bình luận
- 1
- Lượt xem
- 62
Hỏi & Đáp
노션 25 인터렉션 구현 파트 안 보입니다!
안녕하세요? 알리오올리오님25강이 왜 안보일까요? 저는 보이는데요..그래서 복사해서 더 올렸습니다.한번 확인하시고 여전히 안보이시면 다시 답변부탁드립니다.(사진)
- Lượt thích
- 0
- Số bình luận
- 2
- Lượt xem
- 64






