■ [현재] 국비 퍼블리싱 & 프론트엔드 강사
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] 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수강평
- HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
- 플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
- 모바일 웹 퍼블리싱 포트폴리오 with Figma
- HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
게시글
질문&답변
강의 질문 있습니다
아마 목소리 컨디션 때문에 그렇게 들리셨을거에요.저는 혼자서만 강의 제작했습니다.오해이십니다.아마도 주최측이 매년 시험을 업데이트해서 그거에 맞춰 영상을 새로 찍어서 레코딩 환경이 조금 달라져서 그렇게 들리신거에요.
- 1
- 1
- 19
질문&답변
시험 관련 문의
공개 문제 24개 중 정확히 같은 1개를 만드시게 됩니다.응용된 형태로 시험이 출제되지 않습니다.
- 1
- 1
- 20
질문&답변
div#css-checker-widget의 해결방
일시적이 오류인 듯 합니다.올리신 코드로 확인했는데 아래처럼 정상적으로 나옵니다.(사진)
- 1
- 2
- 16
질문&답변
서브메뉴가 유지되지 못하고 사라지는데 무엇이 문제 일까요?
마우스가 서브메뉴로 가면 .slide 가 위에 있어서 마우스 떠나는 상황이 됩니다.그래서 메뉴가 있는 header에 z-index를 슬라이드 보다 높여줘서 슬라이드가 메뉴를 덮는 것을 방지해야 합니다.아래처럼 header에 속성을 주세요. (사진) (사진)
- 1
- 1
- 24
질문&답변
슬라이드 및 완성본 관련 사항
먼저 시험 주최측에서 매년 시험 유형을 업데이트해서 그거에 맞춰 업데이트하다 보니까 강의가 추가된 형식입니다.강의를 모두 보시다 보면 중복되는 부분도 좀 있습니다. 이런 부분은 알맞게 학습하시면 됩니다.먼저 슬라이드 완성본에 대해 질문 주셨습니다.a, b, c, d, e, f * 4 = 24개 슬라이드를 모든 타입의 모든 유형으로 완성본 강의 영상을 제작할 수는 없습니다. 글허게 하게 되면 중복되는 강의 영상이 너무 많아집니다강의 영상에도 있지만 css 방식으로 슬라이드 만들지 마시고 제이쿼리 방식으로 만드세요.css 방식을 남겨둔 것은 제이쿼리 방식이 도저히 맞지 않는 분들에게 약간의 감점을 감안하고라도 보시라고 백업 차원에서 놔둔 것 입니다.그리고 슬라이드 종류가 많을 것 같지만 가로, 세로, 페이드 이렇게 슬라이드는 총 3가지 입니다. 제이쿼리 방식으로 학습하시고 62번~66번에 슬라이드 제작에 필요한 모든 이론 강의는 준비되어 있습니다. (사진)
- 1
- 2
- 31
질문&답변
D유형 레이아웃 연습중인데 슬라이드 이미지 크기가 변하지 않습니다
결국 아래에 클래스네임 오타가 또 있어서 생긴 문제입니다.하지만 앞으로 계속 학습하실 때 강의와 같은 html 구조와 클래스네임을 사용해주세요. 그렇지 않으시면 오류 찾을 때 제가 처음부터 다시 만들어 봐야 합니다. 그래서 오류 찾기가 힘듭니다. 반드시 강의와 같이 해주세요.그리고 앞으로 문제가 생겼을 때.. 도저히 모르겠다라고 할 때 일단 클래스네임과 html 구조를 먼저 체크해보세요. 실제 시험에서도 생길 수 있는 일이니 연습하실 때 요령을 길러보세요.(사진)
- 1
- 3
- 37
질문&답변
D유형 레이아웃 연습중인데 슬라이드 이미지 크기가 변하지 않습니다
이 부분이 좀 어렵고 복잡한 부분입니다. 강의에 있는 html 구조와 클래스네임으로 해주세요.강의와 다른 html 구조와 클래스네임으로 하시면 오류를 체크하는게 힘들어 집니다.아래는 강의에 있는 html 구조와 클래스네임입니다. 아래처럼 강의와 같이 하시면 슬라이드 이미지가 유동적으로 사이즈가 조절됩니다.(사진) (사진) (사진)
- 1
- 3
- 37
질문&답변
D유형 레이아웃 연습중인데 슬라이드 이미지 크기가 변하지 않습니다
아래 오타난 부분 체크 먼저 해보시고 안되면 다시 글 올려주세요.(사진)
- 1
- 3
- 37
질문&답변
B-4연습중인데 네비게이션의 a태그 두께가 이상하고 슬라이드 다운시 문제가 있습니다.
.header-inner{ width: 1200px; margin: auto; line-height: 120px;}위에 line-height: 120px 가 네비게이션에 상속되어 간격이 넓어진 것입니다..header-inner의 높이를 line-height로 잡지 마시고 그냥 height로 잡으시면 됩니다.
- 1
- 2
- 24
질문&답변
A2 연습중인데 메뉴 배경색과 서브메뉴 크기, 갤러리 그림 정리에 문제가 있습니다
서브 메뉴가 내려오면서 슬라이드가 가려지는건 슬라이드의 너비가 없어서 그렇습니다. 아래처럼 너비를 100%로 넣어주세요.(사진) 그리고 서부메뉴가 나오면서 슬라이드가 아래로 내려가는건 header 밑에 div에 높이가 없어서 그렇습니다. header의 높이가 있지만 자식요소인 div에 높이가 있는것은 아닙니다.(사진)
- 1
- 2
- 29