본문 바로가기

분류 전체보기126

styled-components styled-components: JS 안에 CSS를 작성하는 라이브러리 (CSS in JS 관련 라이브러리 중 가장 인기 있는 라이브러리) → emotion, styled-jsx Tagged Template Literal : 문자열 조합을 더욱 쉽게 할 수 있게 해주는 ES6 문법 Template Literal 사용 할 때, ${} 안에 일반 문자열이나 숫자가 아닌 객체를 넣는 경우 const object = {a:1}; const text = `${object}` console.log(text); // "[object Object]" Tmeplate Literal: 내장된 표현식을 허용하는 문자열 리터럴 → 여러 줄로 이뤄진 문자열과 문자 보간 기능 사용 가능 • 백틱(` ` Template Lite.. 2022. 12. 8.

CSS Module CSS Module: 리액트 프로젝트에서 컴포넌트를 스타일링 할 때 사용하는 기술 → CSS 클래스가 중첩되는 것을 방지 ⭐️ CRA(create-react-app)로 만든 프로젝트에서 CSS Module를 사용할 때, CSS파일 확장자를 .module.css로 하면 됨 사용법 [Box.module.css] .Box { background: black; color: white; padding: 2rem; } [Box.js] import React from "react"; import styles from "./Box.module.css"; function Box() { return {styles.Box}; } export default Box; → className을 설정 할 때에는, styles.Box.. 2022. 12. 8.

Sass ⭐️ css 전처리기(Pre-Processor) : 모듈별로 특별한 Syntax를 가지고 있고 여기에 mixin, nesting selector, 상속 등 프로그래머적인 요소를 접목해 방대해지는 CSS 문서의 양을 효율적으로 처리하고 관리해주는 통합적인 언어 → CSS 전처리기 자체만으로는 웹 서버가 인식 못하므로, 각 CSS전처리기에 맞는 컴파일러를 사용하여 CSS문서로 변환해야함 장점 재사용성: 공통 요소 또는 반복적인 항목을 변수 또는 함수로 대체 시간적 비용 감소: 임의 함수 및 Built-in 함수로 인해 개발 시간적 비용 절약 유지관리: 중첩, 상속과 같은 요소로 인해 구조화된 코드로 유지 및 관리 용이 https://kdydesign.github.io/2019/05/12/css-preproc.. 2022. 12. 6.

HTTP 헤더1 - 일반 헤더 HTTP 헤더 개요 HTTP 헤더 header-field=field-name ":" OWS field-value OWS (OWS: 띄어쓰기 허용) field-name은 대소문자 구분 없음 [용도] HTTP 전송에 필요한 모든 부가정보 ex) 메시지 바디의 내용, 메시지 바디의 크기, 압축, 인증, 요청 클라이언트, 서버 정보, 캐시 관리 정보... 표준 헤더가 너무 많은 필요시 임의의 헤더 추가 가능 → helloworld: hihi 헤더 분류 RFC2616(과거) General 헤더: 메시지 전체에 적용되는 정보 ex) Connection: close Request 헤더: 요청 정보 ex) User-Agent: Mozilla/5.0 Response 헤더: 응답 정보 ex) Server: Apache E.. 2022. 12. 4.

이전 1 ··· 22 23 24 25 26 27 28 ··· 32 다음

티스토리툴바