Front-End 42

[코뮤니티] 12일차 - 한 입 웹개발(JS)

✅ 오늘의 미션 사진 업로드 애용을 넘어 애정하는 첫 구글플레이 출시 앱입니다 ㅠ 많이 부족하지만 첫 앱이라 많이 애정이 가요 ✅ 오늘의 문제 풀이 인증 📣 과제에 대한 답안 코드는 를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가) 📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁 지난 번에 불 끄는 걸 만들어서.. 이번에는 눈내리는 걸 만들어봤어요! 내일 비가 온다고 해서 비오는 걸 해볼까 했는데 눈이 더 이쁜 것 같아서 눈으로 해봤어요~! Day12.html 냐옹~ 시키기 불 켜줘 Day12.css /*Snow Keyframes*/ @keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 10..

[코뮤니티] 11일차 - 한 입 웹개발(JS)

✅ 오늘의 문제 풀이 인증 📣 과제에 대한 답안 코드는 를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가) 📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁 불 좀 꺼줄래도 재미로 넣어봤습니다 Day11.html 냐옹~ 시키기 불 켜줘 Day11.css .layout { width: 100vw; height: 100vh; padding-top: 50px; } @font-face { font-family: "MaruBuri-Regular"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff") format("woff"); font-weight: n..

[코뮤니티] 10일차 - 한 입 웹개발(JS)

✅ 오늘의 미션 사진 업로드 인터넷에 도는 유명인들의 어록의 단점은 진위를 알기 어렵다는 점이다. The trouble with quotes on the Internet is that you never know if they are genuine. - 에이브러햄 링컨 이게 생각나네요 유명인의 어록도 좋지만 자신의 경험과 깊은 고민으로부터 나오는 생각 한 줄이 정말 가치있다고 생각합니다. ✅ 오늘의 문제 풀이 인증 📣 과제에 대한 답안 코드는 를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가) 📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁 전화를 걸었을 때 배경이 바뀌고 통화시간이 표시되도록 했습니다! 통화가 끝난뒤에는 통화한 시간이 뜨고 7초 뒤에 다시 원래의 화..

[코뮤니티] 9일차 - 한 입 웹개발(JS)

✅ 오늘의 문제 풀이 인증 📣 과제에 대한 답안 코드는 를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가) 📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁 Day9.html MOVIE Inception Shutter Island Life Is Beautiful ★0.00 Day9.css .mainTitle{ text-align: center; margin-top: 20px; cursor: pointer; } .tab{ text-align: center; margin-top: 30px; } .tabBtn{ display: inline-block; width: 150px; height: 40px; border: 1px solid black; cursor: pointer..

[코뮤니티] 8일차 - 한 입 웹개발(JS)

✅ 오늘의 문제 풀이 인증 📣 과제에 대한 답안 코드는 를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가) 📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁 Day8.html &nbsp 입력 : 저장 전광판 버튼 Day8.js let count = 0; var prnStr = "" var board = document.getElementsByClassName('boardText'); function saveStr() { prnStr = document.getElementById('prnText').value; board[0].innerHTML = "&nbsp"; count = 0; } function showText() { if (count >= prnStr.leng..

[코뮤니티] 7일차 - 한 입 웹개발(JS)

✅ 오늘의 문제 풀이 인증 📣 과제에 대한 답안 코드는 를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가) 📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁 Day7.html 00:00:00 시작 멈춤 초기화 변수의 재할당이 가능하지만 var과 다르게 변수의 재선언이 불가능한 let에 대해 알게되었습니다. 그리고 일정한 간격으로 함수를 반복 실행하는 setInterval에 대해서도 알게되었습니다. 코드를 짜면서 두가지 버그가 있었는데, 첫 번째는 innerHTML으로 h1태그의 문자를 바꿨는데 계속해서 바꿔지지 않았습니다. 문제는 배열 형식으로 가져오기 때문에 [0]을 해줘야했는데 이를 까먹었습니다... 이런 바보같은 실수 안하게 기본기를 더 닦아야겠습니다. 그리고 ..

[코뮤니티] 6일차 - 한 입 웹개발(JS)

✅ 오늘의 문제 풀이 인증 📣 과제에 대한 답안 코드는 를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가) 📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁 Day5.html x : y : 출력 형변환방법으로 parseInt에 대해 배웠습니다! ✅ 오늘의 한마디 👉 원래 수업 밀리는 것을 좋아하지 않아서 그날그날 다 해치우는 편인데 교수님이 잠수를 타셔서 2주째 수업이 밀렸네요..ㅠㅠ 우울한 하루입니다........

[코뮤니티] 5일차 - 한 입 웹개발(JS)

✅ 오늘의 문제 풀이 인증 📣 과제에 대한 답안 코드는 를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가) 📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁 Day5.html 버튼 자바스크립트의 객체라는 개념에대해 많이 배우게 되었습니다. 이전에 알던 자바, 코틀린과 같은 객체지향언어와 다르게 클래스라는 개념이 없다는 것도 알게되었습니다..! ✅ 오늘의 한마디 👉 내일은 어린이 날인데 저는 이제 어린이가 아니네요

[코뮤니티] 4일차 - 한 입 웹개발(JS)

✅ 오늘의 문제 풀이 인증 📣 과제에 대한 답안 코드는 를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가) 📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁 input에 넣은 값만큼 console에 로그가 찍히도록 했습니다! Day4.html 시작~ event.js function start() { var countNum = document.getElementById('countNum').value for (var i = 0; i < countNum; i++) { console.log(i) } } ✅ 오늘의 한마디 👉 지난번 시간 피드백 받은대로 getElementById를 사용해보았습니다!

[코뮤니티] 3일차 - 한 입 웹개발(JS)

✅ 오늘의 문제 풀이 인증 📣 과제에 대한 답안 코드는 를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가) 📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁 Day2.html 모 각 코 모 각 코 index.js function changeText(i){ var h2 = document.getElementsByTagName('h2') if (i == 1) { h2[0].innerHTML = "모처럼이니" } else if (i == 2) { h2[1].innerHTML = "각잡고 열심히 하면" } else { h2[2].innerHTML = "코린이 탈출이다." } } 버튼을 클릭할때 onclick이라는 속성을 통해 javascript의 함수를 호출할 수 있다는 것..

반응형