[🦁 TIL 1일차] 5월 24일

근듀·2023년 5월 23일

FE 6기 TIL

프론트엔드스쿨 TIL

목록 보기

1/30

5월 24일

1. HTML/CSS 코드라이언 강의

📌 HTML/CSS
컴퓨터 코딩을 시작하는 가장 기본적인 것
코딩보다는 문서를 만든다고 생각
태그들로 이루어져있다.

EX) 가방🎒

<가방>
	<주머니>
    	내용물
    </주머니>
</가방>

📌 HTML에서 가장 많이 쓰이는 태그 순위

👩🏻‍💻 배운 태그 정리

🔻 HTML

< !DOCTYPE html > html태그를 정의하기 전에 먼저 선언되어야하는 것
< html > html 문서라고 알려주는 것
< head > 컨텐츠 표현을 위한 부수적인 정보 선언
< meta charset="UTF-8" > 영어가 아닌 한글도 표현할 수 있게 해주는 것(캐릭터셋)
< link rel="필수속성" href="위치 주소"> 문서와 다른 파일을 연결할 때 사용
< title > 홈페이지 제목, 검색했을때 나오는 것
< body > 화면에 직접적으로 보여지는 내용
< h1 class="이름" > 클래스 이름 정해주기
< div > 하나의 큰 박스 만들어주기
< section > div와 같은 개념
< article > div와 같은 개념
< p > 문단 만들기
< img src="이미지주소" alt="설명" > 이미지
< a href="주소"> 링크

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <link rel="styleseet" href="style.css">
    <title>홈 페 이 지</title>
</head>
<body>
	<h1 class="title">제목</h1>
    <div>
    	<p> 설명 </p>
        <p> 설명 </p>
        <section>
        	<article>
        		<a href="#"><img src="icon.png"></a>
            </article>
        </section>
    </div>
</body>

🔻 CSS

{text-align: left, center, right;} 텍스트 정렬
{background-color: black;} 배경 색상
{color: black;} 글자 색상
{font-size:30px;} 글자 크기
{font-weight: lighter, light, normal, bold} 글자 두께
{font-style: 스타일 } 글자 스타일
{border: 두께 방식 색깔;} 테두리
{width: 10px;} 가로길이
{height: 10px;} 세로길이
{margin : 10px;} 박스 겉부분
{padding: 10px;} 박스 안부분
{box-shadow:x축 y축 그림자퍼짐정도 색깔} 박스 그림자
{font-family: '종류'} 폰트 바꾸기
{line-height : 10px;} 줄 간격
{float: left, right} 문서 위의 띄우기
{overflow: hidden;} float 다음에 올 요소 영향 안받게 하기

🔻 그 외

Loremipsum 디자인만 보기 위해 의미없는 내용 모아둔 것

2. 배운 내용으로 만든 코드

3. 회고

오늘은 첫날이라 오리엔테이션을 했다. 줌이랑 디스코드를 같이 키다보니 렉이 많이 걸려서 완전 우왕좌왕😂 윈도우라서 줌이랑 디스코드 영상 둘다 키는게 안되서 불편했다. 게다가 나이 먹어서 귀가 안들리는건지 노트북 소리가 너무 작아서 결국 프로그램 깔아서 소리를 키웠다. 간단한 오티가 끝나고 오늘 하루동안의 팀이 정해지고 디스코드를 켜서 인사하는 시간을 가졌다. 그런데 핸드폰으로 하는 분들도 있어서 영상 안켜지고 마이크 소리 겹치는 이슈가 너무 발생되서 완전 급하게 자기소개했다. 마이크키고 말하니까 긴장되서 땀이;;; 다들 처음이라 말을 잘안해서 최대한 말할려고 노력했다. 그나마 2분정도가 적극적으로 해주셔서 완전 감사했다. 하지만 팀장정하기 때의 정적..너무 힘들었다. 너무 딜레이되니까 1분이 팀장하겠다고 해주셔서 감사😭 팀장까지 정해지고 자기소개 키워드, 개인목표 ppt를 완성시켜나갔는데 묻어가는 팀원이 없어서 괜찮았던 것 같다. 그렇게 팀발표가 시작됐는데 다들 발표도 잘하시고 나랑 같은 걱정이 있다는 걸 알게되서 약간 다행이라고 생각했다. 발표를 들으면서 확실히 멋쟁이사자처럼 프론트엔드스쿨을 다니면서 남과 비교하지 않는 자세, 우리는 경쟁자가 아닌 동료라는 생각을 잊으면 않되겠다고 생각했다.

✔️ 배우는 속도가 다르기 때문에 뒤쳐진다고 방관하지 말고 도와주기
✔️ 좌절할 수 있어도 포기하지말자

이 것만큼은 끝날때까지 잊어서는 안될 것 같다.
그렇게 발표가 끝나고 첫 코드라이언 강의를 들었는데 꼼꼼하게 필기하려다보니 엄청 오랫동안 강의를 들었다. 필기를 하면서 듣는데도 중간중간 너무 졸렸다. 맨날 누워만 있다가 갑자기 공부하려니까 힘드네... 내일부터 진짜 강의가 시작되는데 떨린다. 화이팅해보자🔥

근듀

프론트엔드 개발자 취준생입니다.

다음 포스트