기록

Chrome 137 버전에서 정식으로 도입된 CSS의 새로운 함수 if() 를 소개합니다.이 함수 덕분에, CSS 안에서 조건문을 사용해 “조건에 따라 다른 스타일 값”을 단일 선언(property) 안에서 지정할 수 있게 되었습니다. 즉, 기존처럼 미디어 쿼리(@media)나 JS 클래스 토글 없이도, CSS만으로 조건부 스타일링이 가능해졌다는 의미입니다.✔️ if() 함수의 사용법 & 핵심 문법if() 함수는 다음과 같은 구조로 씁니다 property: if( condition-1: value-1; condition-2: value-2; /* ... */ else: value-default;);조건(condition)으로는 현재 세 가지 “쿼리 타입”을 지원합니다:style() — 커스텀 속성..

vscode 설정 -> 정의로 이동 검색 -> Editor: Multi Cursor Modifier 가 alt 로 설정되어 있는지 확인

Web Storage HTML5 에는 웹의 데이터를 클라이언트에 저장할 수 있는 Web Storage 스펙이 포함되어있다 웹스토리지 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다 기존의 쿠키와 매우 유사한 개념이다 LocalStorage 와 SessionStorage 두가지가 존재한다 Web Storage VS Cookie 데이터가 클라이언트에 존재할 뿐 서버로 전송되지 않는다. 단순 문자열을 넘어 객체정보를 저장할 수 있다 용량의 제한이 없다 영구 데이터 저장이 가능하다 LocalStorage 저장한 데이터를 명시적으로 지우지 않는 이상 영구적으로 보관이 가능하다 도메인마다 별도로 생성된다 SessionStorage 데이터의 지속성과 액세스 범위에 특수한 제한이 존재한..

Next.js 란 Next.js 는 따로 설정을 해주지 않아도 SSR, SEO 부터 TypeScript 까지 생산에 필요한 많은 기능들을 제공하는 강력한 React 프레임워크 이다. Next.js 를 사용하는 이유 SSR Next.js 는 SSR을 지원하는 React Framework 이다 React 는 SPA 를 만들기 위한 라이브러리인데 CSR 방식을 채택한 SPA에서 어떻게 SSR을 한다는 것일까? Next.js 의 작동방식 1. 사용자가 초기에 Server에 페이지 접속을 요청한 경우 SSR 방식으로 렌더링 될 HTML 을 보낸다 2. 브라우저에서 JS를 다운로드 받고 React를 실행한다 3. 사용자가 페이지와 상호작용을 하며 다른 페이지로 이동할 경우 CSR방식으로 Server가 아닌 브라우저..

블록체인 기술이란? 데이터 분산 처리 기술이다. 네트워크에 참여하는 모든 사용자가 모든 거래 내역 등의 데이터를 분산, 저장하는 기술이다 여기서 블록은 개인과 개인의 거래의 데이터가 기록되는 장부이다. 블록체인 데이터베이스는 연쇄적으로 연결된 블록에 데이터를 저장한다 체인의 삭제나 수정이 불가하고 추가만 가능하다 따라서 이 데이터는 시간 순서대로 일관성이 있다 블록체인 기술의 특징 탈중앙화: 분산형 블록체인 네트워크는 투명성을 사용하여 참여자 간의 신뢰에 대한 필요를 줄인다. 불변성: 수정이 불가능하다. 누군가가 공유 원장에 거래를 기록하면 참여자는 거래를 조작할 수 없다. 거래 레코드에 오류가 포함된 경우, 실수를 되돌리기 위해 새 거래를 추가해야 하며 두 거래 모두 네트워크에 표시된다 합의: 거래 기..