본문 바로가기

전체 글55

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.
HTTP 상태코드 HTTP 상태코드 소개 상태코드: 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 1xx (Informational): 요청이 수신되어 처리중 -> 거의 사용 안함 2xx (Successful): 요청 정상 처리 3xx (Redirection): 요청을 완료하려면 추가 행동이 필요 4xx (Client Error): 클라이언트 오류, 잘못된 문법 등으로 서버가 요청을 수행할 수 없음 5xx (Server Error): 서버 오류, 서버가 정상 요청을 처리하지 못함 만약 모르는 상태 코드가 나타나면? 클라이언트가 인식할 수 없는 상태코드를 서버가 반환하면? → 상위 상태코드로 해석하여 처리 ex) 299? ► 2xx(Successful) 1. 2xx (Successful): 클라이언트의 요청을.. 2022. 12. 2.
리액트 개발 시 사용하면 편리한 도구 Prettier : 자동으로 코드의 스타일을 관리해주는 도구 → 문자열을 사용할 때, ‘와 “ 중 무엇을 사용할지, 세미콜론(;)을 코드 뒤에 붙일지 말지, 들여쓰기 정도 등을 관리 코드 스타일을 마음대로 쉽게 커스터마이징 가능 [사용법] { "trailingComma": "es5", "tabWidth": 4, "semi": false, "singleQuote": true } trailingComma: “none”, “es5”, “all”으로 설정 가능, 객체 또는 배열이 여러 줄로 구성되어 있으면 맨 마지막 줄에 쉼표 붙여줌 “none”: 쉼표 붙이지 않음 “es5”: 객체, 배열 사용하게 될 때 쉼표 붙임 “all”: 함수 사용할 때, 인자를 전달 할 때 쉼표 붙임 tabWidth: 들여쓰기 크기 정.. 2022. 12. 2.

티스토리툴바