■ [현재] 국비 퍼블리싱 & 프론트엔드 강사
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] 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
講義
受講レビュー
- SCSS(SASS)+FLEX 実戦レスポンシブウェブプロジェクト with Figma
- HTML+CSS+JS ポートフォリオ実践公開(シーズン1)
- HTML+CSS+JS ポートフォリオ実践公開(シーズン1)
- レスポンシブ ウェブサイト ポートフォリオ (App Official Landing Website)
- HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌3)
投稿
Q&A
A1 작업하는데 와이어프레임이 무너지고, hover일부가 적용 안되고 메뉴바가 슬라이드를 밀어냅니다. 탭메뉴도 작동하지 않습니다..
혹시 custom.js 를 아래처럼 하지 않으셨는지 파일명 확인해보세요.제이쿼리 구문은 정상적입니다.위에도 말했지만 일단 레이아웃에서 문제가 생기면 안됩니다.레이아웃을 확실히 하시고 탬메뉴 또는 슬라이드 제작으로 넘어가세요. (사진)
- 0
- 4
- 24
Q&A
A1 작업하는데 와이어프레임이 무너지고, hover일부가 적용 안되고 메뉴바가 슬라이드를 밀어냅니다. 탭메뉴도 작동하지 않습니다..
부모요소 div 구조를 벗어났기 때문에 레이아웃이 망가졌습니다.일단 탭메뉴, 슬라이더 등 다른 것들 하시기 전에 레이아웃 잡는 연습을 좀 더 확실히 하시는게 좋을 것 같습니다. (사진)
- 0
- 4
- 24
Q&A
A1 작업하는데 와이어프레임이 무너지고, hover일부가 적용 안되고 메뉴바가 슬라이드를 밀어냅니다. 탭메뉴도 작동하지 않습니다..
jquery도 텍스트로 복사해서 붙여넣기 해주세요. 그래야 제이쿼리 구문도 체크할 수 있습니다.
- 0
- 4
- 24
Q&A
차이점이 궁금합니다
flex와 inline block의 차이점은 display 속성이 변경되는 것은 같습니다.곧 display 속성을 변경해서 가로배치하는 것이지만, inline block은 우측의 약간의 마진이 생기고 flex는 마진이 없는 차이입니다.또 flex는 반응형으로 만들기 좋습니다.
- 1
- 2
- 17
Q&A
footer 높이 값
높이는 footer에 100픽셀 주시고 footer div에 50픽셀 주시면 됩니다.
- 1
- 2
- 19
Q&A
div 상하분배?가 안돼요
footer div애 너비가 지정되지 않아서 그렇습니다.각각 div의 너비를 지정하면 정상적으로 보일 거예요.플로트 방식 말고 뒤에 이어지는 플렉스 방식으로 배치하시는게 훨씬 편합니다.
- 0
- 2
- 30
Q&A
position absolute, relative
부모요소가 특정 위치로 가지 않을 경우 relative를 사용하면 됩니다.하지만 부모요소가 특정 위치로 가야 하는 경우는 absolute를 사용합니다.부모요소 내 자식요소는 부모요소가 relative 또는 absolute 아무거나 상관 없습니다.
- 1
- 2
- 22
Q&A
제공된 강의자료 fig파일 import
파일 임포트 안되는 경우가 없었는데 왜 그런는지 모르겠네요.다시 한번 임포트 해보시고 안되면 글 다시 올려주세요.
- 1
- 2
- 12
Q&A
세로 슬라이드 이미지 사이에 공백 제거
인프런 ai가 답변을 잘 해놓았네요..slide div a img 를 블록요소로 바꾸시면 됩니다. .slide div a img가 가지고 있는 인라인블록 성질의 아래쪽 마진인데 .slide div a img 에 display: block 이렇게 주시면 아래쪽 마진이 사라집니다.
- 1
- 2
- 39
Q&A
자식 선택자, 하위 선택자 질문
header div 밑에 div가 또 없으면 header div 이렇게 사용하시고, 만약에 header div 밑에 div가 또 있으면 header > div 이렇게 사용하셔야 합니다.
- 1
- 1
- 81