Structured Layout in Electron JS Using CSS Grid & Semantic HTML

이 튜토리얼에서는 Electron JS에서 CSS 그리드와 시맨틱 HTML을 사용하여 구조화된 레이아웃을 만드는 방법을 보여드렸습니다.

이 튜토리얼에서는 다음 내용을 학습합니다. 1. 그리드 열 확장을 사용한 CSS 그리드 레이아웃
2. 그리드 템플릿 영역을 사용한 CSS 그리드 레이아웃
3. CSS 그리드를 사용한 자동 레이아웃

챕터
00:00 - 00:37 - 소개
00:37 - 04:00 - 설치 및 설정
04:00 - 08:00 - 열 확장을 사용한 CSS 그리드
08:00 - 10:40 - 그리드 템플릿 영역을 사용한 CSS 그리드
10:40 - 12:35 - 테스트 콘텐츠를 사용한 섹션 테스트
12:35 - 종료 - CSS 그리드를 사용한 자동 레이아웃

링크
레슨 파일 Github
https://github.com/paulosabayomi/elec...

ElectronForge + Vite/TypeScript 템플릿
https://www.electronforge.io/template...

Structured Layout in Electron JS Using CSS Grid & Semantic HTML

SORA 스토리보드 기능 사용하면 벌어질 일들

스토리북 & 자동화 테스트와 함께 하는 컴포넌트 주도 프론트엔드 개발 | 판교 퇴근길 밋업 with 인프런

Going weirdly deep on console.log

EP02. #RAG 의 동작 과정 쉽게 이해하기! (실행단계)

《결말 포함》 블렌더 4.2 버전이 나의 Add-on들을 날려버렸다?

Prisma launched a new Postgres database offering! [My honest feedback]