본문 바로가기

전체 글59

IIS 기능 중 Brotli 기능 소개 Brotli는 Google이 개발한 오픈 소스 무손실 압축 알고리즘으로, 웹 페이지와 리소스의 압축을 위해 주로 사용됩니다. 브라우저와 서버 간의 데이터 전송 시 압축을 통해 파일 크기를 줄여 속도와 효율성을 개선하는 데 목적이 있습니다. Brotli는 Gzip에 비해 압축률이 더 높아, 특히 텍스트 기반 리소스(HTML, CSS, JavaScript 등)에서 효율적입니다.Brotli의 주요 특징높은 압축률: Brotli는 Gzip보다 더 높은 압축률을 제공하여, 같은 파일에 대해 더 작은 크기의 압축 파일을 생성합니다. 이는 특히 저속 네트워크 환경에서 유리하며, 데이터 전송 비용을 줄이는 데 도움을 줍니다.빠른 압축 및 해제 속도: Brotli는 데이터를 압축하고 해제하는 속도가 빨라, 페이지 로딩 .. 2024. 11. 10.
nodejs 설치 관리 툴 fnm fnm (Fast Node Manager)는 Node.js의 여러 버전을 관리할 수 있는 빠르고 효율적인 툴입니다. 다양한 Node.js 버전 간에 전환하고 관리할 수 있는 기능을 제공하는데, 기존의 nvm(Node Version Manager)보다 성능 면에서 빠르고 메모리 사용이 적다는 장점이 있습니다. 그리고 fnm은 해당 폴더의 .node-version 이나 .nvmrc 의 파일에 버전을 명시해 두면 폴더 접근 시 자동으로 변경이 됩니다.fnm의 주요 특징빠른 속도: fnm은 Rust 언어로 구현되어 있어 nvm보다 훨씬 빠른 속도로 Node.js 버전 설치 및 전환을 처리합니다.메모리 효율성: 메모리 사용량이 적으며, 성능이 최적화되어 있습니다.쉬운 설치: nodejs 다운로드 페이지에 접근하면.. 2024. 10. 2.
Vue(version 3) 주요 기능 정리(v-bind) #9 주요 기능 정리 #8에서는 v-on을 사용했을 경우에 대해서 알아봤다. 이번 주제는 v-bind 사용하는 법을 소개해보고자 한다. v-bind 는 v-bind:{속성} 이렇게 사용하며, 축약식으로 :{속성} 으로 사용한다. import CustomComponent from './Sample.vue' const testId = ref('test') const testClass = ref({ active: true, depth1: false }) /// './Sample.vue' 파일 {{ title }} interface Properties { useButton: boolean title: string } const props = withDefaults(defineProps(), { useButton: f.. 2024. 3. 10.
Vue(version 3) 주요 기능 정리(v-on) #8 주요 기능 정리 #7에서는 v-on을 사용했을 경우에 대해서 알아봤다. 이번 주제는 v-on에서 custom 컴포넌트에서 사용하는 법을 소개해보고자 한다. import CustomComponent from './Sample.vue' const doThat = () => { // 자식 이벤트 } const doThat2 = (text: string) => { // 자식 이벤트 } /// './Sample.vue' 파일 const doChildThat = () => { emit('on-custom-event') } const doChildThat2 = () => { emit('on-custom-event2', '테스트') } const emit = defineEmits() 하단의 부터는 다른 파일이라고 생각.. 2024. 3. 1.
반응형