✏️ Today I Learned (2022.04.04)
📖 이론 강의
- 개발자로서 가져야 하는 마음가짐
- HTML
- 반찬
📝개발자로써 가져야 하는 마음가짐
- 내가 잘 배웠는지 확인하는 법 : 해내고 나서 뿌듯하고 기분이 좋은 것
- 기록은 중요(감동을 놓치지 말기)
- 기분이 안 좋아지는 순간이 다시 공부를 시작할 시간(감정의 기복을 느껴야 함)
- 잘하겠다는 생각보다 재미를 찾아보자
- 지식은 한 방향으로 흐르지 않는다. 방대한 양에 좌절하지 말자.
- 입문 단계에서는 선생님이 차고 넘친다. 중급 단계에서는 희소하다. 눈치껏 공부하자.
- 외우려 하지 마라, 검색해라.
📝HTML
- <strong> : 텍스트 강조
- <u> : 밑줄
- tag: 옷에 달려있는 태그가 옷을 설명하듯이 코드를 감싸는 태그는 코드를 설명하는 기능을 한다.
- <img src="이미지 경로" alt="이미지에 대한 설명"> : 이미지
- 태그 안의src="", alt="", width="", height="" 등은 속성(attribute)을 나타낸다.
- <br> : 줄 바꾸기
- 설명할 대상이 없는 태그는 닫지 않는다. 애매하면 닫아라. 안 닫아도 되는 걸 닫는다고 문제가 되진 않음
- <h1> ~ <h6> : 제목 태그
- <li> : Lit Item, 항목
- <ul> + <li> : Unordered List, 순서 없는 목록, 순서 없는 목록
- <ol> + <li> : Ordered List, 순서 있는 목록
- <a href="주소" target="문서가 열릴 위치"> : 링크, target="_blank" 새 창에서 열기
- <a href="#xx"></a> --> ex)<h2 id="xx"></h2> 스크롤 가능
- <title> : 제목달기
- <meta charset="utf-8"> : 문자 인코딩 방식 명시
- <body> : 본문을 묶는 태그
- <head> : 본문을 설명하는 부분을 묶는 태그 (메타데이터)
- <html> : <head>, <body>를 하나로 묶어주는 태그
- <!doctype html> : 형식이 잘 갖춰진 웹페이지가 되기 위한 젤 위에 쓰는 태그
📝반찬
- 태그 이름+tab ->열린 태그+닫힌 태그 한방에 나옴
- vs코드에서 보기 -> Command Palette -> ex) wrap with(옆에 톱니바퀴 클릭)-> 비어있는 Keybinding으로 단축기 만들기
- Lorem숫자를 적으면 숫자만큼의 의미 없는 라틴어가 자동으로 생성된다.
- li * 숫자 + enter -> li태그가 숫자만큼 나온다.
📖 실습강의
....
💡느낀 점
생활코딩에서 웹을 처음 접한 나로서는 이고잉님의 실강을 들을 수 있다는 건 엄청난 행운이었기에 기대하였지만..
수술 날짜랑 개강 날짜가 겹쳐서 실강을 수강하지 못하였고 녹강으로 만날 수밖에 없었다.
녹강이었지만 실강 수강생들이랑 소통하시려고 노력을 많이 해주신다는 게 느껴졌고 개발자로서 가져야 할 마음가짐에 대해서 설명해주신 게 정말 많은 도움이 된 거 같았다.
코딩 실력뿐만 아니라 나의 자존감도 상승시켜주는 강의가 아니었나 싶다.
다음 실강은 놓치지 않을 것이다.
'엘리스 SW 엔지니어 트랙 2기' 카테고리의 다른 글
| [TIL] 엘리스 SW 엔지니어 트랙 2기 day 05 (2) | 2022.04.11 |
|---|---|
| [TIL] 엘리스 SW 엔지니어 트랙 2기 day 04 (0) | 2022.04.10 |
| [TIL] 엘리스 SW 엔지니어 트랙 2기 day 03 (0) | 2022.04.10 |
| [TIL] 엘리스 SW 엔지니어 트랙 2기 day 02 (0) | 2022.04.07 |
| [TIL] 엘리스 SW 엔지니어 트랙 2기 OT (0) | 2022.04.06 |
댓글