전체 글

인용 블로그 글: https://armadillo-dev.github.io/html/css/webfont-optimize/ 들어가며 웹폰트는 사용자 로컬에 폰트가 저장되어있지 않더라도 특정 폰트를 렌더링 할 수 있도록 도와준다. 이는 사용자 경험을 향상시키기 위한 다양한 방법 중 하나로 사용되고 있다. 이번 글에서는 현재 진행 중인 프로젝트에 웹폰트를 적용하며 발생한 문제점과 그 해결 방법을 공유하고자 한다. 문제점 진행 중인 프로젝트에서 발생한 문제점은 2가지였다. 웹폰트 깜빡임 현상 프로젝트에서는 아이콘을 표시하기 위해 Material Icons 웹폰트를 사용하고 있었다. 그런데 웹폰트가 로드되기 전, 아이콘에 대응되는 영단어가 표시되었다가 로딩이 완료되면 아이콘으로 바뀌는 현상이 발생했다. 서비스에..

출처: https://whales.tistory.com/112 💡 WEB STORAGE 웹 스토리지(web storage)에는 로컬 스토리지(localStorage)와 세션 스토리지(sessionStorage)가 있습니다. HTML5 에는 웹의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어 있습니다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴으로 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능합니다. Web Storage는 기존 웹 환경의 쿠키(Cookie)와 매우 유사한 개념으로 사실 거의 차이가..

Interface Axios는 create 메소드를 통해서 instance를 생성할 수 있음 const instance = axios.create({ baseURL: '', timeout: 1000, headers: {'X-Custom-Header': 'foobar'} }); instance 메소드 axios#request(config) axios#get(url[, config]) axios#delete(url[, config]) axios#head(url[, config]) axios#options(url[, config]) axios#post(url[, data[, config]]) axios#put(url[, data[, config]]) axios#patch(url[, data[, config]]..

문서 링크: https://axios-http.com/kr/docs/intro (한글화 잘 되어있어서 너무 좋아요) Axios란? Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 입니다. 그것은 동형 입니다(동일한 코드베이스로 브라우저와 node.js에서 실행할 수 있습니다). 서버 사이드에서는 네이티브 node.js의 http 모듈을 사용하고, 클라이언트(브라우저)에서는 XMLHttpRequests를 사용합니다. 위 설명은 Axios 문서 홈에 있는 설명입니다. 쉽게 설명하면 자바스크립트의 기본 http 요청 라이브러리를 쉽게 사용할 수 있게 해주는 라이브러리라는 뜻입니다. 특징 브라우저를 위해 XMLHttpRequests 생성 node.js를 위해 http 요청 생..

공식 문서: https://docs.npmjs.com/cli/v9/configuring-npm/package-json/ 인용된 블로그: https://hoya-kim.github.io/2021/09/14/package-json/ 먼저 npm Docs에서는 package.json에 대해 뭐라고 썼는지 보자. (만든 분들이 쓴거니까..) You can add a package.json file to your package to make it easy for others to manage and install. Packages published to the registry must contain a package.json file. lists the packages your project depends on ..

node란? 출처: https://namu.wiki/w/Node.js?from=Nodejs 나무위키에 의하면 “크롬 V8에서 비동기 이벤트 처리 라이브러리인 libuv를 결합한 오픈소스 자바스크립트 엔진” 이라 합니다. 간단하게 말해서 자바스크립트 돌려주는 런타임 엔진이라 생각하시면 편합니다. 아~ 얘가 자바스크립트 돌려주는 애구나~! 근데 얘를 왜 알아야 되는데? 위 질문은 아래 패키지 매니저들이 해결해 줄 거에요.✌ npm, yarn, pnpm이란? npm 이란 node package manager의 약자입니다. 패키지를 관리하는 애에요. yarn, pnpm도 마찬가지로 패키지를 관리해주는 애들입니다. 어려울 건 하나도 없어요! npm npm은 처음으로 등장한 노드 패키지 매니저입니다. 처음 등장한 ..