[Day3] HTML문서 해부, css선택자, 단위

💀TIL HTML 문서 해부 🕘 HTML 문서 해부 ‘이 문서는 html Living Standard 문서!라는 의미 HTML 문서의 최상단 요소 lang 속성을 통해 주 언어 설정이 가능하다. 언어코드(소문자) - 국가코드(대문자) ko-KR 대한민국 en-US 미국, en-GB 영국, en-PH 필리핀 기계가 식별할 수 있는 문서 정보(메타데이터)를 담는다. meta 메타데이터: 어떤 목적을 위해 만들어진 데이터 charset="utf-8" : 문자 코드 설정 utf-8: 전 세계적인 언어들 지원, 국제적인 코드 규약 🕚 선택자 전체 선택자 head를 포함한 HTML 문서 내의 모든 요소 선택 * { margin:0; padding:0; } 타입 선택자(태그 선택자or 요소 선택자) 특정 태그 선택 ..

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 2.
• textsms

[Day2] CS상식 / Git, GitHub 기초 / VSC 기본

💀TIL CS 상식 : URL / IP / PORT VSC 기본 : Cheat Sheet, Emmet Git 기초 : git pull, git add, git commit -m '', git push 🕘 CS 상식 - URL/IP/PORT 네이버에 접속할 때 생기는 일 내 화면에 네이버가 켜질 때까지 🌏 내 화면에 네이버가 켜질 때까지 - 브라우저 렌더링 과정 브라우저 렌더링 과정을 알아보자! 스터디에서 동료 특강으로 브라우저렌더링 과정에 대해 발표하게 되었다. 나도 공부를 하기 위해서 맡은 주제이긴 하지만 생각보다 DEEP하게 가려면 엄청나게 velog.io 1. 주소창에 `www.naver.com` 입력한다. 2. DNS에서 naver.com 의 IP 주소를 가져와 서버에 전달한다. 3. 웹 브라우저..

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 1.
• textsms

[Day1] 멋쟁이 사자처럼 프론트엔드 스쿨 5기

💀TIL - 오전 시간 OT & 팀 발표 - 오후 시간 테킷 강의 Ⓜ️ HTML CSS - 박스모델 - `section` `article` 😶‍🌫️ 새로 배운 것 `float: ;` 둥둥 떠다니기 `overflow: hidden;` 요소 영향 X ` box-shadow: 0 10px 50px 0 rgb(0,0,0,0.1);` 그림자 기능 🔥이력서 실습 🎑 Todo 처음부터 코드 짜보기 Velog는 한가지 토픽을 정해서 글을 쓸 목적, 티스토리는 TIL 적을 목적으로 분리해놓았다. Velog는 왠지 모르게 사담을 적기 부담스럽고 글이 몇십개씩 쌓이면 볼 때 불편하다. 그리고. . .Velog에는 임팩트 있는 글을 적어서 트렌딩에 올라보고 싶은 마음도 있기 때문에 . ^0^ 주절주절 사담은 티스토리에서 진행..

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 1.
• textsms