본문 바로가기
반응형

Develop Log/개발 관련 잡학다식

이미지를 더 가볍게 더 깔끔하게! webp!! webp webp는 Google에서 개발한 현대적인 이미지 포맷 주요 목적은 이미지의 파일 크기를 줄이면서 고품질을 유지하는 것이며, webp 포맷은 특히 웹에서의 빠른 로딩 속도와 데이터 사용량 최소화를 위해 설계되었다. 공식 문서 사이트 : https://developers.google.com/speed/webp?hl=ko 웹용 이미지 형식 | WebP | Google for Developers 더 작은 웹용 이미지를 만들고 변환기 다운로드 및 지원 링크를 가져오는 이 이미지 형식에 관해 알아보세요. developers.google.com 탄생 배경 webp 포맷의 탄생 배경은 웹의 성능 최적화와 깊은 관련이 있다. 웹 페이지 로딩 속도는 사용자 경험에 큰 영향을 미치며, 이미지는 웹 페이지 데이터의.. 더보기
yarn의 두번째 버전 Yarn Berry Yarn, Yarn Berry 둘이 뭐가 다를까? Yarn Berry는 Yarn의 두 번째 주요 버전인 Yarn 2를 의미한다. Yarn의 첫 번째 버전은 매우 성공적이었지만, 그 성공에 따른 한계와 더 나은 패키지 관리 방식에 대한 요구가 커지면서, Yarn 팀은 철저한 리팩토링과 새로운 기능 추가를 통해 Yarn 2, 즉 Yarn Berry를 발표했는데 이러한 yarn berry가 기존 yarn과 어떤 차이가 있는지, 기존 버전과 어떤 차이가 있는지 알아보려고 한다. Yarn yarn은 2016년에 Facebook, Google, Exponent 및 Tilde에 의해 출시된 패키지 매니저로써 npm 레지스트리와 호환성을 유지하면서 보다 빠르고 안정적인 패키지 설치를 제공하기 위해 만들어졌다. yarn.. 더보기
SQL, NoSQL 알아보기 SQL SQL(Structured Query Language)은 관계형 데이터베이스 관리 시스템(RDBMS)에서 데이터를 관리하기 위해 사용하는 표준 프로그래밍 언어 SQL을 사용하여 데이터베이스에 데이터를 추가, 수정, 삭제하거나 데이터를 검색하는 등의 작업을 수행할 수 있다. SQL은 대부분의 관계형 데이터베이스 시스템에서 사용되며, 그 표준은 ANSI/ISO에 의해 정의되어 있다. 그러나 많은 RDBMS들은 자체적인 SQL 변형을 포함하고 있고, 많은 개발자들이 사용하는 Microsoft의 SQL Server, Oracle, MySQL, PostgreSQL 등은 모두 SQL을 기반과 더불어, 각각의 시스템별로 고유의 함수나 문법이 존재한다. SQL을 통해 데이터를 안전하게 저장하고, 검색, 수정 및.. 더보기
CORS 파헤치기 CORS (Cross-Origin Resource Sharing) CORS(Cross-Origin Resource Sharing, 교차 출처 리소스 공유)는 웹 페이지의 리소스가 다른 도메인의 리소스에 어떻게 접근할 수 있는지를 정의하는 웹 브라우저에서 사용하는 보안 특성이다. 웹 애플리케이션은 종종 다른 도메인에서 데이터를 가져오기 위해 XMLHttpRequest나 Fetch API를 사용한다. 보안상의 이유로, 웹 브라우저는 "동일 출처 정책"(Same-Origin Policy)을 시행하여 웹 페이지가 다른 도메인의 리소스에 기본적으로 접근하는 것을 하는데, 이 정책은 악의적인 웹사이트가 사용자 데이터에 접근하거나 변경하는 것을 방지하기 위한 목적으로 사용된다. 하지만, 이러한 동일 출처 정책 때문에.. 더보기
REST에 대해 알아보기 REST (Representational State Transfer) WWW(월드 와이드 웹)과 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어 개발 아키텍쳐의 한 형식으로 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든것을 의미하는데, HTTP URL을 통해 자원을 명시하고 POST(생성) GET(조회) PUT(수정) DELETE (삭제) => HTTP Method를 통해 해당 자원에 대한 CRUD Operation을 적용하는것을 의미하고 네트워크 상에서 Client와 Server 사이의 통신 방식 중 하나로써 작용한다. 기본적으로 웹의 기존 기술과 HTTP 프로토콜을 그대로 활용하기 때문에 웹의 장점을 최대한 활용할 수 있는 아키텍쳐 스타일이라는 장점이 있다. REST 의 주요 개념과 원칙.. 더보기
소프트웨어란? 소프트웨어 컴퓨터가 특정 작업을 수행하도록 지시하는 명령어의 집합 이러한 명령어는 특정 프로그래밍 언어로 작성되며, 컴파일러나 인터프리터에 의해 기계어로 변환되어 컴퓨터에 의해 실행될 수 있다. 소프트웨어는 디지털 환경에서 작동하는 프로그램, 데이터, 그리고 이들의 관련 문서로 구성된 제품이나 시스템을 가리키며, 전통적으로 소프트웨어는 "하드웨어"와 대비되는 개념으로 이해된다. 특징 프로그램(Program): 소프트웨어의 핵심 부분으로서, 컴퓨터에게 특정 작업을 수행하도록 지시하는 일련의 명령어로 구성된다. 이 명령어들은 프로그래밍 언어로 작성되며, 컴파일 또는 인터프리트 과정을 통해 컴퓨터가 이해할 수 있는 형태로 변환된다. 데이터(Data): 프로그램의 작동에 필요한 정보나 설정 값의 집합이며, 데이.. 더보기
ESLint가 뭘까 ESLint ESLint는 JavaScript 코드를 위한 정적 분석 도구 ESLint는 코드 품질과 코딩 스타일 문제를 체크하는 도구로, 사용자가 지정한 규칙들을 정의하고 로드하여 커스터마이징할 수 있다. 이를 통해 프로젝트의 코딩 스타일을 일관성 있게 유지하고 오류를 방지하며, 코드 품질을 향상시킬 수 있다. ESLint는 ECMA 스크립트(JavaScript)의 현행 표준과 차기 표준 초안의 실험적인 문법을 지원하고, 이는 JSX나 TypeScript와 같은 확장 문법을 포함한 최신 JavaScript 문법과 미래의 표준 문법에 대해 빠르게 적용하고 사용할 수 있도록 도움을 준다. ESLint를 사용하면 프로젝트의 코딩 스타일을 통일하고 오류를 미리 방지하여 코드의 안정성과 가독성을 높일 수 있으며.. 더보기
SEO가 뭘까? SEO(Search Engine Optimization) SEO, 검색 엔진 최적화는 웹사이트의 가시성을 향상시키기 위해 검색 엔진에서의 순위를 높이는 과정이다. SEO의 주요 목표는 웹사이트가 검색 엔진의 자연스러운 검색 결과에서 높은 위치를 차지하게 하는 것이며, 이를 통해 웹사이트의 트래픽을 늘리고, 브랜드 인식을 향상시키며, 이용자의 경험을 개선할 수 있도록 한다. SEO 분류 On-page SEO: 웹사이트의 HTML 소스 코드와 콘텐츠를 최적화하는 것이다. 이는 검색 엔진이 웹사이트를 이해하고 그 콘텐츠가 검색어와 어떤 관련이 있는지 판단하는 데 도움이 된다. 메타 태그 최적화, 키워드 최적화, 내부 링크 구조, 사용자 경험 등이 포함된다. Off-page SEO: 웹사이트 외부에서 발생하는 .. 더보기
반응형

티스토리툴바