로운's 기술노트

[웹개발종합반] 1주차_2108 본문

웹개발종합반_'21.08~09

[웹개발종합반] 1주차_2108

로운's 2021. 9. 29. 13:32

ㅇ 개발일지란? : 이번 주에 내가 배운 것을 글로 기록 (Weekly I learned)
ㅇ 장점
   - 배운 것을 다시 정리하며 복습할 수 있다.
   - 나의 생생한 감정과 고민들을 남길 수 있다.
   - 자기 PR로 활용할 수 있다(포트폴리오 등)

[정의]
ㅇ 브라우저의 역할 : 서버에게 요청하고, 결과물을 받아 요청한다.
ㅇ HTML : 뼈대
ㅇ CSS : 꾸미는 것 (폰트사이즈, 색상 등)
ㅇ JS(자바스크립트) : 움직이는 것(클릭하면 이동)
ㅇ html+css+js > '제이슨' 형식(꾸며지기 전, 수식만 있는 상태)

html은 head와 body로 나뉜다.
먼저, head는 페이지명, 이미지 등 body를 제외한 모든 것을 설정할 수 있다.
body는 페이지에 접속했을때 나타나는 전면 화면을 설정한다.

 

[기본용어]
<> : 태그
<div> : 디브태그, 디뷔전의 약자, 묶어서 한번에 옮긴다(★★★★★)
<p> : 문단 나누기, 페러그랙트의 약자(사용시 줄을 자동으로 내려준다)
<li> 앞에 "ㆍ"가 생긴다.
<h1> : 제목이며, 페이지마다 하나씩은 꼭 써주는게 좋다(h2는 소제목/ ex. h1~h6).
<span> : 스펜태그는 해당 글씨만 색상을 먹여주는 것
<a> : 하이퍼링크 태그
<img> : 이미지 태그
<input> : 텍스트 태그
<button> : 버튼 태그
<textarea> : 예시문구????
<hr> : 가로선

ㅇ padding : 20px  >> 안쪽으로 20픽셀의 여백을 준다
ㅇ .mybtn{margin: 20px}   >> 바깥으로 20픽셀의 여백을 준다
                                  >> margin-top/-left 등으로 개별설정 가능
                                  >> margin: 10px 20px 30px 40px > 위10, 오른쪽20, 아래30, 왼쪽40 픽셀 적용(시계방향)

 

[단축키]
ㅇ 들여쓰기 : tab
ㅇ 내어쓰기 : shift+tab
ㅇ 자동정렬 : CTRL+ARL+L (ctrl+a로 전체선택후 진행하는것도 팁)

'웹개발종합반_'21.08~09' 카테고리의 다른 글

[웹개발종합반] 5주차  (0) 2022.01.10
[웹개발종합반] 4주차  (0) 2022.01.08
[웹개발종합반] 3주차  (0) 2022.01.04
[웹개발종합반] 2주차  (0) 2022.01.03
Comments