코린이의 개발일기

✅ 오늘의 문제 : 버튼을 누르면 console.log()를 통해 0부터 값이 올라가는 버튼 만들기 👉 예시 ✅ 오늘의 문제 풀이 인증 click! .all{ width: 400px; border: 4px solid cornflowerblue; border-radius: 15px; padding-top: 5%; padding-bottom: 5%; margin: auto; } img{ display: block; margin-left: auto; margin-right: auto; border-radius: 10px; } button{ width: 200px; height: 50px; margin-top: 20px; border: none; color: aliceblue; background-color: ..

✅ 오늘의 문제 : 모각코 삼행시 버튼 만들기 ❗'모' 버튼, '각' 버튼, '코' 버튼을 누르면 각 운에 맞는 텍스트로 변경되도록! 👉 예시 [클릭 전] [클릭 후] ✅ 오늘의 문제 풀이 인증 모 각 코 모 각 코 *{ font-family: 'Gamja Flower', cursive; } .wrap{ width: 450px; margin: auto; } .text{ color: black; font-size: 50px; } button{ width: 140px; height: 70px; font-size: 30px; border:none; background-color: lightgray; color: black; text-decoration: none; cursor: pointer; margin-t..

✅ 오늘의 문제 : 1일차에서 숙제로 진행한 코드의 DOM 구조 그려보기 ✅ 오늘의 한마디 👉 DOM은 무엇인가? Document Object Model 은 웹 페이지에 대한 인터페이스입니다. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 스타일을 읽고 조작할 수 있도록 API를 제공합니다. DOM은 원본 HTML 문서의 객체 기반 표현 방식이며 DOM의 개체 구조는 노드 트리(하나의 부모 줄기가 여러개의 자식 나뭇가지, 나뭇잎들을 가질 수 있는 나무와 같은 구조)로 표현됩니다.

✅ 오늘의 문제 풀이 인증 냐앙~ 시키기 *{ font-family: 'Gamja Flower', cursive; } .box{ text-align: center; line-height: 200px; width: 500px; height: 200px; border-style: solid; border-color: rgb(126, 91, 66); border-width:4px; border-radius: 5px; margin-bottom: 30px; margin-left: auto; margin-right: auto; font-size: 30px; position: relative; } img{ display: block; width: 300px; margin-bottom: 30px; margin-left..