■ [현재] 그린컴퓨터아트학원 웹퍼블리싱, 프론트엔드 강의
■ [현재] 웹 퍼블리싱 유튜브 채널 'Rock's Easyweb' 운영
■ 더조은 컴퓨터아카데미 웹 퍼블리싱 강사
■ 한빛 컴퓨터아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
[ 도서 ]
2021.07.19 출간 / 웹디자인 & 웹퍼블리싱을 위한 피그마 완벽 활용서 / 비제이퍼블릭
2022.08.25 출간 / 코딩을 처음이라 with 웹 퍼블리싱 / 영진출판사
2023.10 출간 /2024 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획
2024.11 재판 /2025 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획
[ 수상경력 ]
2022.08 그린컴퓨터 아트 학원 종로지점 - 우수강사 2021.06 그린컴퓨터 아트 학원 종로지점 - 우수강사 2018.06 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2017.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2016.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2015.10 그린 컴퓨터아카데미 신촌 지점 - 우수강사 
講義
受講レビュー
- モバイルウェブ制作入門:Figmaデザインを完璧に実装する(Javascript付き)
- Figma参照 - レスポンシブECサイト作成パーフェクトガイド
投稿
- Q&A - nav 에 sign in 라인 - 아래 flower 부분은 화면 대비 50%를 사용하는 구간이고, 상단 메뉴 부분은 비율이 다르기 때문에 그렇습니다. 맞추려면 상단의 메뉴 구조를 각각 div등으로 양분하고 50%로 지정한 다음, 그 안에서 왼쪽 메뉴는 왼쪽으로 배치, 오른쪽 메뉴는 오른쪽으로 배치되도록 flex를 활용하여 적용하면 되겠습니다. - 1
- 2
- 41
 
- Q&A - 실무에서 탭스 구현 시 어떤 방법을 많이 사용하는지 궁금합니다. - 질문 남겨주셔서 감사합니다. AI의 답변대로 상황따라 다르겠지만, react등 프레인워크를 사용하지 않는 상황이고 jQuery를 사용한다면 attribute방식을 추천합니다. 그래야 html상의 구조를 내부 링크방식으로 정석에 맞게 작성하게될겁니다. html 구조가 내부 링크방식으로 잘 작성되어 있다면. 어떤방식이든 크게 상관은 없습니다. - 0
- 2
- 80
 
- Q&A - contact 부분을 filedset으로 만들어줘도 되나요 ? - fieldset는 여러 입력내용을들 묶어줄때 사용합니다. 보통 필수입력사항들 묶고, 옵션사항들 묶어줄 때 사용할 수 있겠습니다. - 0
- 1
- 482
 









