소개
■ [현재] 국비 퍼블리싱 & 프론트엔드 강사
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
■ 웹디자인 기능사 실기 자격증반 강의
■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱
🌏코딩웍스 인프런 강의목록 - https://www.inflearn.com/users/@codingworks
🌏인프런 코딩웍스 강의 학습 순서(학습 로드맵) - https://www.inflearn.com/blogs/2351
🌏코딩웍스 인프런 퍼블리싱 블로그 - https://www.inflearn.com/users/@codingworks/blogs
🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks
🟣인프런 인포커스 코딩웍스 인터뷰 보기 : https://www.inflearn.com/pages/infocus-8-20230704
강의
로드맵
전체 4수강평
- Tailwind CSS로 만드는 멋진 웹 UI 스타일링
- Tailwind CSS 실전 포트폴리오 퍼블리싱
- 웹 퍼블리셔를 위한 자바스크립트 & 제이쿼리 핵심이론 실전예제(교재, 완성본)
- [2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
게시글
질문&답변
full reload 질문
아래 부분을 조정하는 방법 말고는 저도 아는 방법이 없습니다.(사진)
- 1
- 3
- 48
질문&답변
영상 싱크가 맞지 않습니다!
피그마 헤더 영역 영상 확인했는데 싱크 잘 맞거든요.어떤 영상이 음성 싱크가 안 맞는지 강의 제목을 알려 주세요.
- 1
- 2
- 23
질문&답변
폰트어썸
아마 4.7버전이 구버전이라 그럴 수 있습니다.CDN 주소를 아래 웹사이트에서 새롭게 받아 오셔서 학습하세요.font-awesome으로 검색하시면 모든 버전의 cdn을 복사할 수 있습니다.https://cdnjs.com/(사진)
- 1
- 2
- 20
질문&답변
수강평 작성이 안되네요..
수강평은 강의를 어느 정도 수강해야 버튼이 나오는 것으로 알고 있습니다.강의를 좀 더 들으시면 수강평 작성 버튼이 자동으로 나올거에요.
- 1
- 1
- 37
질문&답변
visual studio 2022 emmet
실기 시험은 언제 보시나요?
- 1
- 3
- 49
질문&답변
visual studio 2022 emmet
시험장에 기본적으로 Visual Studio Code가 설치되어 있고 Visual Studio Code는 기본적으로 emmet이 설치되어 있습니다.그래서 ! -> Tab 로 기본구문을 자동완성하시면 됩니다.
- 1
- 3
- 49
질문&답변
공지사항, 갤러리 tab보더
네. 예시로 보여주신 코드로 하시는게 더 좋습니다.
- 1
- 3
- 34
질문&답변
인접선택자에 대한 질문드립니다!
input은 자식요소를 가질 수 없으므로 아래에 있는 요소를 선택할 경우 형제선택자(~)을 사용해야 합니다.그리고 인접형제선택자는 아래에 있는 요소만 선택 가능합니다.
- 1
- 2
- 33
질문&답변
2025년 실기준비할때도 참고하면 좋을 강의일까요?!
작년에 추가된 부분이 있었습니다확답은 할 수 없지만 내년에 변경사항은 없거나 몇가지 추가될 것으로 생각됩니다.곧, 현재 내용을 공부하시면 될 듯 합니다.혹시 2025년에 변경된 부분이 있으면 업데이트됩니다.그리고 해당 강의는 평생 무제한이기 때문에 추가 변경된 부분을 언제든 들으실 수 있습니다.
- 2
- 1
- 130
질문&답변
delay 적용 안됨
.item이 여러개 있는게 아니라 .progress가 여러개 있으므로 nth-of-type을 .progress에 주어야 합니다. 아래 2번째처럼 해주면 됩니다. .skill-progress .item:nth-of-type(1) .progress-level { animation-delay: 0s; }.skill-progress .item .progress:nth-of-type(1) .progress-level { animation-delay: 0s; }
- 1
- 1
- 37