J.영
@jyoung
수강생
4,962
수강평
256
강의 평점
4.9
"UIUX웹기획 .디자인. 프론트엔드 부트캠프 강사 J. 영입니다.
저는 지난 20년간 웹 및 앱 개발 회사를 운영하며, 현장의 치열함을 몸소 겪어왔습니다. 그 경험을 바탕으로 현재는 대학과 전문 교육 기관에서 UI/UX 디자인부터 프론트엔드 개발까지, 후배 전문가들을 양성하는 데 매진하며, 현재까지 500명이상 실무 진출 시키고 있습니다.
저의 강의 철학은 명확합니다.
기초부터 실무까지 막힘없는 연결
현업이 원하는 핵심 기술의 압축
취업 성공을 부르는 실무형 포트폴리오 완성
어디서부터 시작할지 막막하신 분, 이직을 꿈꾸지만 시간이 부족한 직장인, 그리고 코딩이 남의 이야기처럼 느껴지는 초보자분들까지. 제가 걸어온 20년의 길을 여러분의 지름길로 만들어 드리겠습니다. 당당히 실무자로 서는 그날까지, 여러분의 든든한 사수가 되어 최선을 다해 돕겠습니다.
J.young이 도와드리겠습니다.!!
또한!! 학습하시다 궁금하신 점 있으시면 댓글 남겨주시면
도움이 드릴 수 있는 답을 드리도록 최선을 다하겠습니다.
실무경력
- 2017~현) UIUX & 웹 Director
- 2015년~2017년(주)엘리에셀 총괄 이사
- 2003년~2015년 (주)어뮤징웨어 총괄 이사
- 2003년: 서우씨앤디 디자인실장
- 현)
- UIUX웹기획/ 디자인/프론트엔드 부트캠프 강사 (이젠DX아카데미 -강남점)
- 디자인.개발 포트폴리오 전문 강의 및 팀그룹강의
* 운영중인 유튜브 (코딩하는 디자이너)
보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
강의 질문과 포트폴리오 관련 피드백 드립니다.
- 오픈채팅방명 : 잘난웹디
- 코드 : jyoung
강의
로드맵
전체 1수강평
- Figma MCP × AI로 4시간만에 완성하는 반응형 웹포트폴리오
- Figma MCP × AI로 4시간만에 완성하는 반응형 웹포트폴리오
- Figma MCP × AI로 4시간만에 완성하는 반응형 웹포트폴리오
- Figma MCP × AI로 4시간만에 완성하는 반응형 웹포트폴리오
게시글
질문&답변
Json 플러그인 사용시 variable collection 없음
아 혜령님~피그마 파일을 Duplicate to your drafts로 복제하여 가져가셨을까요?저도 혜령님과 같은 상황을 연출해 봐야, 문제점을 찾을 수 있을것 같아요ㅜ지금 상황에서 저는 모든것이 잘 보이는 상황이라서요...답변주시면 문제해결점을 찾아보도록 하겠습니다.감사합니다.J.영드림
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 30
질문&답변
배리어블 목록 없음
혜령님 안녕하세요?혜령님 질문주셔서 정말 감사드려요~~혜령님 말씀대로 이제는 복사해서 붙여넣기하면 안되도록 정책이 바꼈네요 ㅜㅜㅜ여러방법으로 테스트해본 결과~~아래 이미지처럼 Duplicat to your drafts로 해서 가져가시면 베리어블 등록한것도 다 보이네요~~~이렇게 가져가셔서 테스트 해보시고 또 안되시면 질문주세요^^감사드려요~~(사진)~
- 좋아요수
- 0
- 댓글수
- 3
- 조회수
- 29
질문&답변
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
- 조회수
- 24
질문&답변
배리어블 목록 없음
안녕하세요? 김혜령님먼저 본 강의를 수강해 주셔서 깊은 감사드립니다.베리어블은 2번째 page를 선택하시고, variables오른쪽에 버튼을 클릭하셔서 responsive를 선택하시면 됩니다.(사진)함 살펴보시고 여전히 안보이신다면 다시 질문주시면 감사하겠습니다.오늘도 좋은하루 되세요^^J.영드림
- 좋아요수
- 0
- 댓글수
- 3
- 조회수
- 29
질문&답변
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
yyasd0110님강의 결과물을 말씀하시는 걸까요???결과물은 따로 올리지는 않았는데요~~코딩결과물이 필요하시다면 오프라인 수업에서 활용한 결과물을 드릴 수 있어요jjjh523@nate.com으로 메일주시면 보내드리도록 하겠습니다감사합니다^^J.영드림
- 좋아요수
- 0
- 댓글수
- 1
- 조회수
- 26
질문&답변
노션 25 인터렉션 구현 파트 안 보입니다!
안녕하세요? 알리오올리오님25강이 왜 안보일까요? 저는 보이는데요..그래서 복사해서 더 올렸습니다.한번 확인하시고 여전히 안보이시면 다시 답변부탁드립니다.(사진)
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 41
질문&답변
figma variable 반응형 디자인 결과물 공란
안녕하세요? 채희님^^본 강의를 신청해주시고 수강해주신점 진심으로 감사드립니다.베리어블 연결 결과물이 안보이실까요? 지금 확인해보니 연결되어 있는데요~일단 다시 확인해보시고 안되시면 카톡으로 질문주시기 바랍니다.감사합니다^^ 열공하셔요^^카톡 ID : jjjh523(사진)(사진)
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 67
질문&답변
로고이미지가없는데요..
안녕하세요? 소진님~자료 다운받는 네이버박스에 imgas.zip을 압축풀어보시면 logo.svg파일이 있습니다.(사진)확인부탁드려요~~~~~감사합니다.
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 63
질문&답변
피그마 AI기능 관려
레이어명이 대문자여도 바이브코딩하는데는 상관없어요^^ 그대로 진행하셔도 됩니다^^열공하셔요^^J.영드림~
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 74
질문&답변
폰트확인 부탁 드립니다.
안녕하세요? J.young입니다. 오류 올려주셔서 감사드립니다.노션에 파일 수정해서 올려드렸습니다.열공하시고 오늘도 좋은 하루 되세요^^J.young드림
- 좋아요수
- 0
- 댓글수
- 2
- 조회수
- 78






