코린이의 개발일기

✅ 오늘의 문제 : 전화걸기 버튼을 누르면 2초 뒤에 이름과 전화번호 출력하기 👉 예시 ✅ 오늘의 문제 풀이 인증 kakaotalk 친구 4 🐾곰돌이 😻야옹이 🐨댕댕이 🐰토깽이 body{ display: flex; justify-content: center; align-items: center; margin-top: 5%; color:#556677; text-align: center; font-family: 'Gamja Flower', cursive; } #phone_box{ border: 4px solid grey; border-radius:35px; width: 300px; height: 500px; background-color: black; } #display{ color: #556677; fon..

✅ 오늘의 문제 : 자신이 좋아하는 영화 정리하기 👉 예시 ✅ 오늘의 문제 풀이 인증 NETFLEX 나의 추천 영화 이프 온리 2004 멜로/로맨스, 코미디, 드라마, 판타지 눈앞에서 사랑하는 연인을 잃은 남자는 다음 날 아침, 자신의 옆에서 자고 있는 연인을 보고 소스라치게 놀란다. 기쁨도 잠시, 정해진 운명은 바꿀 수 없단 것을 깨달은 그는 더 늦기 전에 자신의 진정한 사랑을 전하기로 마음먹는데… 네가 아니었다면 난 영영 사랑을 몰랐을 거야 사랑하는 법을 알게 해줘서 고마워, 사랑받는 법도. body{ background-color: black; color: rgba(240, 248, 255, 0.781); } header .logo{ color: rgba(224, 41, 41, 0.801); fon..

✅ 오늘의 문제 : 전광판 만들기 ❗자신이 선택한 문구를 클릭할 때 마다 글자가 하나씩 늘어나도록 하시면 됩니다. 👉 예시 ✅ 오늘의 문제 풀이 인증 click! .all{ width: 600px; margin: auto; } *{ font-family: 'Gamja Flower', cursive; } img{ width: 600px; height: 500px; } button{ border: none; background-color:rgb(238, 166, 31); color: aliceblue; line-height: 70px; font-size: 3rem; border-radius: 10px; display: block; margin-left: auto; margin-right: auto; marg..

✅ 오늘의 문제 : 반복문과 조건문을 이용하여 간단한 스톱워치 만들기 👉 예시 ✅ 오늘의 문제 풀이 인증 StopWatch 00:00:00 START STOP RESET button{ border: none; background-color: rgb(33, 41, 146); color: aliceblue; border-radius: 10px; line-height: 40px; text-align: center; } .all{ background-color: aqua; padding-left: 30px; padding-bottom: 20px; padding-top: 10px; border-radius: 10px; width: 200px; margin: auto; } #display{ margin-left: ..

" 사랑하는 방법을 알져줘서 고마워 그리고 사랑 받는 법도. . . " 자신이 사랑을 하는만큼 상대방에게 사랑을 받는다는 것은 생각 보다 쉽지 않다. 서로 좋아하고 사랑해서 만나는 관계이지만 결국 만나다 보면 어느 한쪽으로 치우치고만다. 더 사랑하는 사람이 더 좋아한다는 이유만으로 아픔을 견뎌야한다는게 어떻게 보면 씁쓸하지만 어쩔 수 없는 사랑의 이치 같다. 영화 속 여주인공 사만다 또한 이안을 이안보다 더 사랑한다. 그녀에게 이안은 삶의 원동력이자 자신에게 가장 중요한 1순위이다. 하지만 이안에게는 사만다보다 더 중요한 것들이 존재한다. 회사의 프로젝트도 그녀보다 우선순위에 속하고 친구들과의 만남이 더 재밌고 즐거운 시간이기도 하다. 이렇게 서로의 우선순위가 다르다 보니 두 사람 사이의 보이지 않는 벽..

👉 해결법 (위도우키) + (마침표키) 를 동시에 같이 누른다. ➡ 이모지창이 나오면서 해결됨.

✅ 오늘의 문제 : console.log( )를 통해 사칙연산을 출력해보세요 👉 예시 ✅ 오늘의 문제 풀이 인증 + - * / img{ width: 350px; border-radius: 20px; margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto; } .btns{ width: 420px; margin: auto; } button{ width:100px ; height: 50px; background-color: rgb(191, 163, 218); font-size: 30px; color: aliceblue; border: none; border-radius: 10px; cursor: pointer; } var x=1; ..

✅ 오늘의 문제 : console.log()를 이용하여 객체 데이터 출력 해보기 👉 예시 ✅ 오늘의 문제 풀이 인증 click! .all{ border: 6px solid goldenrod; border-radius: 20px; width: 300px; margin: auto; padding-top: 5px; padding-bottom: 5px; } img{ width: 200px; display: block; margin-left: auto; margin-right: auto; } button{ border: none; background-color: rgb(236, 205, 29); color: aliceblue; width: 100px; font-size: 2rem; display: block; m..

✅ 오늘의 문제 : 버튼을 누르면 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: ..