뒤로 가기
홈으로 이동
LearnFit
공유하기
YouTube, 클론코딩 유튜브 사이트 따라 만들기(HTML+CSS 연습편, 웹 포트폴리오) | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

클론코딩 유튜브 사이트 따라 만들기(HTML+CSS 연습편, 웹 포트폴리오) | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

#전체
#개발자
#프론트엔드
#웹 사이트 만들기
#웹 사이트 따라 만들기
#웹사이트 따라만들기
#웹사이트 클론코딩
#클론코딩
#홈페이지제작
#웹퍼블리셔
#html5
#css3
#강의
#웹표준
#웹접근성
#웹호환성
#반응형웹
#모바일웹
#웹사이트구축
#html
#css
#코딩
#웹디자인
#웹
#웹개발
#개발
#디자인
#웹퍼블리싱
#프론트엔드
#자바스크립트
#javascript
#CSS
#HTML
#웹사이트
#반응형 웹
#반응형 다지안
#responsive design
#반응형 사이트
#프론트엔드 강의
#웹 튜토리얼
#웹 강의
#반응형 헤더
#반응형 네비
#HTML 강의
#CSS강의
#웹사이트 만들기
#프론트엔드 개발
#css 강의
#코딩 기초
#코딩 독학
#코딩 입문
#웹사이트 코딩
#클론 코딩
#유튜브 따라 만들기
#유튜브 클론코딩
#유튜브 클론 코딩
#웹 포트폴리오
#프론트엔드 공부
#프론트엔드 튜토리얼
#프론트엔드 개발 공부
#웹사이트 만드는법
#앱 만드는법
#프론트엔드 공부순서
02:08본 미니 프로젝트를 잘 활용하는 방법
02:41웹 사이트 만들기 전 해야할 작업 : (1) 레이아웃 구조 분석하기
05:05웹 사이트 만들기 전 해야할 작업 : (2) 와이어프레임 만들기
06:22HTML 마크업
18:12CSS로 스타일 적용 시작
18:38CSS 변수 활용법
44:42미디이 쿼리 - 반응형 'CSS Media Query'는 프론트엔드 개발에서 반응형 웹 디자인을 다룰 때 자주 사용하는 기법이에요. 아래 참고 링크를 통해 미디어 쿼리에 대한 기본 지식을 학습해볼 것을 추천드려요. https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/Media_queries
48:46이후는 생략해도 좋습니다.
✔ 학습 완료

이 학습노트가 포함된 러닝패스예요.

테크주니어님의 다른 노트는 어때요?

테크주니어의 프로필 이미지
테크주니어
의 학습노트

CSS 강의 Ep05_2 - Box Model | border | 웹 개발 입문 | 함께 웹 개발에 입문해 보는건 어떨까요?

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
11
00:18
Border에 대한 개념적 설명 : border는 HTML 요소의 테두리를 설정
00:33
Border의 속성 'border-style'에 대한 설명
👍
5
스크랩
테크주니어의 프로필 이미지
테크주니어
의 학습노트

CSS Tutorial For Beginners 42 - Width & Height

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
4
00:39
width, height 설명을 위한 예제 코드에 대한 설명
01:51
'px'(본 강의에서는 static width로 표현)로 block level 엘리먼트에 width, height 값을 적용
👍
1
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기