css 깃허브 github Resume JavaScript js 이력서 Canvas 자바스크립트 깃허브코파일럿 css그리드레이아웃 플렉스박스레이아웃 css-grid-layout 모던웹개발 calc() clamp() 깃허브저장소 챗지피티 ChatGPT 테두리이미지 텍스트배경 배경클립 css-units css단위 open_graph 깃허브이력서 이력서페이지만들기 깃허브데브 github.dev pseudo-elements css그리드 next.js AI코딩 리포지토리 플렉스박스 MIN() MAX() border-image-source background-clip flex-box 중앙정렬 타입스크립트 오픈그래프 SNS공유 fontawesome 폰트어썸 가상요소 만나이계산 border-radius vh border-image background-image 리액트 Rectangle REM padding Percent border OG VW favicon 테두리 Calc Triangle EM Pixel 아이콘 파비콘 meta 이미지 인공지능