안녕하세요.
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
강의
로드맵
전체 1수강평
- Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오
- Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오
게시글
질문&답변
figma 파일을 받을 수가 없어요
안녕하세요? 허영덕님자료 잘 받으셨지요?강의 들으시다가 궁금하신 점 있으시면 질문주세요~~화이팅하세요^^J.영드림
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 49
질문&답변
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
JJJ님 안녕하세요? J.영입니다.본강의는 총 1차부터 3차까지 진행하고 있는데요~~1차강의는 Cursor 유료로 진행했습니다.2차강의는 Antigravity 무료와 Claude 유료로 진행했습니다.MCP를 연결해서 사용하는 방법외에는 에이전트 사용법은 모두 같으니굳이 Cursor가 아녀도 Claude를 유료로 결제하시면되구요..연습용으로 Antigravity 무료로 먼저 사용해보시고, Claude를 결제하셔도 좋을 것 같아요~~(2차 강의에 Antigravity와 Claude MCP 연결하는 부분도 올려드렸습니다)Figma는 베리어블 등록때문에 유료 결제가 되어야하는데..tokens.json파일을 따로 제공했으니 변수 등록때문에 Figma를 유료로 결제하실 필요는 없을 것 같습니다요즘은 AI가 변수등록도 다 해주니까...굳이 힘들게 일일이 변수 등록도 할 필요가 없어졌어요 ㅎ이내용 관련해서도 추후에 강의 업데이트 예정에 있습니다.그럼 열공하시고 궁금하신점 있으시면 언제든 질문 주세요^^감사합니다 .J.영드림
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 67
질문&답변
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
안녕하세요?prayforyooh님답이 늦어 죄송합니다(제가 지방에 내려와서요~^^) 5강은 피그마 autolayout기초 강의는 따라하시면서 학습하시는거라따로 결과물은 없습니다필요하시면 jjjh523@nate.com으로 메일 주시면 보내드리겠습니다감사합니다 J.영드림
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 68
질문&답변
노션에 20.Contact가 없어요
안녕하세요? 김가희님본 강의를 수강해주셔서 감사드립니다.컨텍에 관한 자료는 영상만 보셔도 충분하시리라 생각되어서 작성하지 않았습니다혼선을 드려 죄송합니다.일단 노션자료에 19~20강의로 타이틀을 수정하였어요^^자료가 없으셔서 불편하시다면 다시 말씀해주세요^^보완해서 올리도록 하겠습니다감사합니다.오늘도 좋은 하루 되세요^^J.영드림
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 47
질문&답변
Json 플러그인 사용시 variable collection 없음
아 혜령님~피그마 파일을 Duplicate to your drafts로 복제하여 가져가셨을까요?저도 혜령님과 같은 상황을 연출해 봐야, 문제점을 찾을 수 있을것 같아요ㅜ지금 상황에서 저는 모든것이 잘 보이는 상황이라서요...답변주시면 문제해결점을 찾아보도록 하겠습니다.감사합니다.J.영드림
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 55
질문&답변
배리어블 목록 없음
혜령님 안녕하세요?혜령님 질문주셔서 정말 감사드려요~~혜령님 말씀대로 이제는 복사해서 붙여넣기하면 안되도록 정책이 바꼈네요 ㅜㅜㅜ여러방법으로 테스트해본 결과~~아래 이미지처럼 Duplicat to your drafts로 해서 가져가시면 베리어블 등록한것도 다 보이네요~~~이렇게 가져가셔서 테스트 해보시고 또 안되시면 질문주세요^^감사드려요~~(사진)~
- 좋아요수
- 0
- 댓글수
- 3
- 조회수
- 90
질문&답변
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.영드림
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 46
질문&답변
배리어블 목록 없음
안녕하세요? 김혜령님먼저 본 강의를 수강해 주셔서 깊은 감사드립니다.베리어블은 2번째 page를 선택하시고, variables오른쪽에 버튼을 클릭하셔서 responsive를 선택하시면 됩니다.(사진)함 살펴보시고 여전히 안보이신다면 다시 질문주시면 감사하겠습니다.오늘도 좋은하루 되세요^^J.영드림
- 좋아요수
- 0
- 댓글수
- 3
- 조회수
- 90
질문&답변
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
yyasd0110님강의 결과물을 말씀하시는 걸까요???결과물은 따로 올리지는 않았는데요~~코딩결과물이 필요하시다면 오프라인 수업에서 활용한 결과물을 드릴 수 있어요jjjh523@nate.com으로 메일주시면 보내드리도록 하겠습니다감사합니다^^J.영드림
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 61
질문&답변
노션 25 인터렉션 구현 파트 안 보입니다!
안녕하세요? 알리오올리오님25강이 왜 안보일까요? 저는 보이는데요..그래서 복사해서 더 올렸습니다.한번 확인하시고 여전히 안보이시면 다시 답변부탁드립니다.(사진)
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 61







