하지의 코딩일지/STUDY MEMO[FRONTEND]
코딩 일지 3일차
하지마지
2023. 6. 8. 18:36
728x90
보통 코딩이란?
백엔드 먼저 작업 후 프론트로 감
마크업 언어란?
태그 등을 이용하여 문서나 데이터의 구조를 평가하는 언어의 한가지를 말함.
HTML은 뼈대 CSS는 화면의 디자인이라고 생각하면 편함.
기획>디자인>마크업>FE/BE>QA>릴리즈
웹서비스의 규모가 클수록 디자인 복잡도가 상승함.
=마크업 복잡도 상승
HTML의 사전적 정의
하이퍼 텍스트 마크업 언어
핵심 HTML
<div><p> 마크업 </p></div>
<img src="이미지 주소" width="300" height="100">
<input type ="text" placeholder="입력">
<a> head input meta section <body> html label nav style <button> i li p ul div img link script a href
Block VS Inline
Block
-부모 요소의 전체 공간을 차지
-브라우저는 보통 블록 레벨 요소의 앞뒤를 개행함
-좌우 양쪽으로 최대한 늘어나 가능한 모든 너비를 차지
Inline
요소를 구성하는 태그에 할당된 공간 만을 차지
1. 자동완성 : tab 키
2. 텍스트 : {}
3. 자식 하위요소 : >
4. 형제요소 : +
5. 올라가기 : ^
6. 반복하기 : *
7.그룹화 : ()
8. 클래스 : .
9. 아이디 : #
10. 속성 [attr]
11. 넘버링 $
12. img [alt="이미지 설명"]
CSS 문법
P { color : red;}
선택자 속성 속성값
CSS 란?
"스타일언어"
HTML, CSS 학습 팁
1. 구글 신과 함께라면 모두 가능
2. 질문하기 전 먼저 최대한 찾아보자
3.검색은 영문이 유리하다.
a. 영문 문서를 두려워하지 말자.
4. 공식문서 튜토리얼 문서 잘 확인하자.
5. 배운것 기록해두기
a. 나만의 예제코드 모음집을 만들자
728x90