일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- IoC
- Dependency Injection
- Thread
- 객체
- jvm
- 쓰레드
- Instance
- 인스턴스
- object
- 항해99단점
- 부트캠프추천
- bean
- 프로세스
- 소셜로그인
- process
- social login
- 소셜
- 스레드
- DI
- 객체지향 프로그래밍
- 오브젝트
- 인스턴스화
- 항해99솔직후기
- jwt
- class
- API
- 클래스
- 항해99장점
- inversion of control
- 회고록
- Today
- Total
로운's 기술노트
[웹개발종합반] 1주차_2108 본문
ㅇ 개발일지란? : 이번 주에 내가 배운 것을 글로 기록 (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 |