🌐 GitHub Pages와 AI로 전문 포트폴리오 웹사이트 만들기 배우기
코스 개요 이 무료 실습 코스는 웹 개발, 디지털 제작 및 전문 워크플로우를 실제 공개 포트폴리오 웹사이트를 구축하면서 소개합니다.
코스 개요 이 무료 실습 코스는 웹 개발, 디지털 제작 및 전문 워크플로우를 실제 공개 포트폴리오 웹사이트를 구축하면서 소개합니다.
문제 우리는 모두 그런 경험을 해봤습니다. HTML/CSS로 아름다운 레이아웃을 만든 뒤 Ctrl + P를 눌렀을 때, 갑자기 모든 것이 깨집니다. 이미지가 반으로 잘리고, 여백이 사라지는 등…
나는 내 포트폴리오가 다른 개발자들에게 친숙하게 느껴지길 원했다 — 또 다른 일반적인 개인 웹사이트가 아니라. 그래서 나는 VS Code에서 영감을 받은 포트폴리오를 만들기로 했다 t...
Tailwind CSS 드롭다운 메뉴 만들기! Tailwind CSS 드롭다운 메뉴 만들기를 위한 커버 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover...
React와 Vue, 그리고 수십 개의 다른 프레임워크가 지배하는 세상에서, 나는 한 걸음 물러서서 기본만을 사용해 프리미엄한 무언가를 만들기로 결심했다. 여기…
소개 CSS를 작성할 때, 같은 colors, font sizes, 또는 spacing 값을 반복해서 사용하게 됩니다. 이러한 반복은 코드 유지보수를 어렵게 만듭니다.
이전 워크숍에 이어, freeCodeCamp의 Responsive Web Design 인증 과정 다음 실습에서는 비디오 컴파일 페이지를 만들게 되었습니다. 이 실습은…
현대 웹 개발은 재사용 가능하고 캡슐화된 컴포넌트를 구축하는 것을 강조합니다—이는 Shadow DOM과 CSS Custom Shadow Parts가 직접 해결하는 목표입니다. 이러한 브라우저 f...
만약 당신이 대부분의 프론트엔드 개발자와 같다면, Browser DevTools는 항상 열려 있습니다… 그러나 그 힘의 대부분은 조용히 사용되지 않고 있습니다. 우리는 요소를 검사하고, CSS를 조정하며, …
이 게시물에서는 메뉴 토글이 있는 React에서 반응형 네비게이션 바를 만드는 방법을 살펴볼 것입니다. 메뉴의 높이를 제어하는 두 가지 방법을 비교합니다: fix...
!표지 이미지: 🌆 CYBERCORE CSS 소개: 미래형 UI를 위한 사이버펑크 디자인 프레임워크 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cove...