기본 서식 스타일 font-size: 텍스트의 크기를 지정하는 속성 value: px em pt % rem font-weight: 글꼴 두께를 지정하는 특성 100-900 bold bolder lighter normal (400=normal, 700-bold) line-height: 줄 간격을 지정하는 특성 value: px(22px이 보통 사이즈) em(제일 많이 씀, 1.6em이 보통) pt % rem font-family: 글꼴을 지정하는 속성 value: 'font name' font-style: 문자 스타일(기울림체) value: normal italic(기울림) oblique color: 글꼴 색을 지정하는 특성 value: color name #000000 rgb(0,0,0) rgba(0,0..
Critical Rendering Path Critical Rendering Path는 브라우저가 웹 페이지를 렌더링하기 위해 수행하는 필수 단계를 설명하는 용어입니다. 이 과정은 HTML, CSS, JavaScript 파일을 사용자의 화면에 픽셀로 렌더링하는 데 필요한 작업을 포함합니다. 다음은 Critical Rendering Path의 주요 단계입니다: 1. HTML 다운로드와 분석: 브라우저가 HTML 파일을 다운로드하고 분석하여 DOM (Document Object Model) 트리를 생성합니다. DOM 트리는 웹 페이지의 모든 요소와 그 구조를 나타냅니다. 2. CSS 다운로드와 분석: 브라우저는 CSS 파일도 다운로드하고 분석하여 CSSOM (CSS Object Model) 트리를 생성합니다..
BEM이란? BEM은 "Block, Element, Modifier"의 약자로 CSS를 작성하는 방법론 중 하나입니다. 이 표기법은 Yandex에서 개발되었으며, 웹 사이트의 스타일을 더 쉽게 유지하고자 하는 웹 개발자들 사이에서 널리 사용되고 있습니다. BEM 방법론에 따르면 CSS 클래스는 다음 세 가지 유형으로 나눌 수 있습니다. Block: 독립적으로 의미를 가지는 구성 요소로, HTML에서 재사용 가능한 독립적인 엔티티를 나타냅니다. 예를 들어, 헤더, 컨테이너, 메뉴, 체크박스 등이 이에 해당합니다. Element: 블록 내부의 구성 요소로, 자체적으로는 의미를 가지지 않지만 블록의 일부로서 의미를 가집니다. 예를 들어, 메뉴 항목, 헤더 제목, 체크박스 레이블 등이 이에 해당합니다. Modi..
팀스파르타 내일배움캠프 진행 중. 저번주까지 자바스크립트 팀프로젝트를 진행 후 이번주부터는 리액트 과정이 시작되었다. 5일안에 리액트 강의를 다 들은 후 투두리스트를 구현해야한다. 머리가 터질 것만 같지만 걱정은 접어두고 그냥 한다는 마인드로 임하겠다.
react 프로젝트를 만들고 yarn install 한다음에 yarn start 를 하거나, 애초에 터미널에서 yarn create react-app 이름 입력 할 때 이렇게 뜬다면 권한이 없어서 일어나는 에러이다. powershell을 관리자 권한으로 실행해 준 다음 get-help Set-ExecutionPolicy 입력 후 y 입력. Set-ExecutionPolicy RemoteSigned 또 이렇게 입력 후 y 입력. 이렇게 하면 RemoteSigned 권한이 되면서 설치가 잘된다.
