프로그래밍 및 개발 공부하기

1. 보드 만들기 보드판 10x10 만들기 2. 누를 경우 숫자 표시 3. 깃발 꽂기 4. 패배구현 패배하면 ㅎ글자 출력모든 지뢰 보여주기누른 지뢰 빨간색으로 표시5. 승리구현 - 다시 누를 경우 처음화면으로 돌아가기 구현

CSS margin, padding, border 완벽 정리 1. 개요 웹 페이지에서 요소(예: 박스, 버튼, 이미지 등)는 단순한 글자 덩어리가 아니라 하나의 사각형 박스(Box)로 구성되어 있습니다. 이 박스는 CSS 박스 모델(Box Model)이라 불리며, 그 구조는 다음 4개의 영역으로 이루어집니다. ┌───────────────────────────────┐ │ margin │ ← 바깥 여백 │ ┌─────────────────────────┐ │ │ │ border │ │ ← 테두리 │ │ ┌───────────────────┐ │ │ │ │ │ padding │ │ │ ← 안쪽 여백 │ │ │ ┌─────────────┐ │ │ │ │ │ │ │ c..

CSS 가상 요소(Pseudo-Element) 완벽 정리 1. 가상 요소(Pseudo-Element)란 무엇인가 가상 요소(Pseudo-Element)는 HTML에 실제로 존재하지 않는 “가상의 부분”을 만들어서 스타일을 적용할 수 있도록 하는 CSS 선택자입니다. 즉, 문서 구조에는 없지만, “요소의 특정 부분(예: 첫 글자, 첫 줄, 내용의 앞이나 뒤)” 에 CSS 스타일을 적용할 수 있게 해줍니다. 가상 클래스(:hover, :focus 등)가 “상태”를 나타낸다면, 가상 요소(::before, ::after, ::first-line 등)는 “요소의 일부분”을 가리키는 선택자입니다. 2. 가상 요소의 표기법 가상..