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