All'alba vincerò

At dawn, I will win!

2024/05/02 7

[CSS] Flow Layout & 박스모델(padding / border / margin)

📌 Flow Layout 🔺 Nomal Flow: CSS에서 요소들이 문서 내에서 기본적으로 차지하는 공간과 배치되는 방식 블록 수준 요소와 인라인 요소들이 문서 흐름에 따라 배치되는 방식을 의미 - 블록 수준 요소: 한 줄에 하나씩 차지- 인라인 요소: 컨텐츠만큼의 크기를 갖고 배치  🔺 Block Flow: 위에서 아래로 진행  🔺 Inline Flow: 왼쪽에서 오른쪽으로 진행  📌 논리적 속성: 블록과 인라인 차원에 시작과 끝 속성을 정의한다. inline-size (= width): 가로 크기 block-size (= height): 세로 크기  inset-block-start(= top): 위를 기준으로 배치 inset-block-end(= bottom): 아래를 기준으로 배치   i..

CSS 2024.05.02

[CSS] reset : CSS 기본 스타일 초기화

📌 reset : 브라우저마다 다른 기본 스타일을 초기화 하는 것  reset.css: 기본 스타일을 극단적으로 제거Eric Meyer’s CSS Reset CSS Tools: Reset CSSCSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're intermeyerweb.com  Normalize reset : 브..

카테고리 없음 2024.05.02

[CSS] 폰트 / 폰트 적용법 / font-family 속성

📌 폰트 로컬 폰트(Local Font) : 로컬에서 직접 제공하는 폰트 운영체제(컴퓨터)에 내장된 기본 폰트성능, 렌더링 이슈 발생 위험크로스 브라우징 상태에서 폰트가 적용되지 않을 수도 있는 위험이 있음웹 페이지의 디자인에 사용된 폰트가 사용자 시스템에서 지원되지 않는 폰트면 대체 폰트가 사용되어 디자인이 변경될 수 있다. 웹 폰트(Web Font) : 웹 페이지에서 사용되는 폰트 컴퓨터에 해당 폰트가 설치되어 있지 않아도 서버에서 제공하는 폰트 파일을 다운로드 받아 화면에 표시할 수 있다.  폰트 파일을 서버가 갖고 있음 => 클라이언트 요청에 따라 폰트를 보내줌사용자가 웹 페이지를 방문할 때, 해당 폰트는 웹 서버에서 불러와 사용되므로 사용자의 시스템에 설치되어 있지 않아도 일관된 디자인이 유지..

CSS 2024.05.02

localhost와 Port

📌 localhost (로컬 호스트) : 인터넷이나 다른 네트워크에 연결되지 않은 자신의 컴퓨터로컬 호스트를 사용하면 인터넷 연결 여부와 상관없이 항상 자신의 컴퓨터에 접근할 수 있다.  ✨ 127.0.0.1: 로컬 호스트를 가리키는 IP 주소 네트워크 테스트 및 개발 목적으로 사용인터넷 연결의 영향을 받지 않고 개발 환경을 설정하고 테스트할 수 있기 때문에 유용하다.  IP 확인하는 사이트 localhostYour HTTP Request Header GET / HTTP/1.1 Host: locallhost.com User-Agent: facebookexternalhit/1.1; kakaotalk-scrap/1.0; +https://devtalk.kakao.com/t/scrap/33984 Accept..

CS 공부 2024.05.02

fiveserver 설치 순서

fiveserver 설치 순서# 1.npm install --global degit# 2.npm install --global add-gitignore# 3.mkdir 파일명# 4.cd 만든 파일# 5.git init# 6. add-gitignore node, windows, osx, visualstudiocode# 7. 확인ls -a# 8. 확인git status# 9.git add .# 10.git commit -m ".gitignore 파일 생성"# 11.npm install --save-dev five-server# 12.touch fiveserver.config.js  실행실행키를 dev로 설정해놨을 때npm run dev  서버 중단 (터미널) Ctrl + C

기타 2024.05.02