#도전일기27 [스파르타코딩 무료강의] 2022년도 덕담 공유 패키지 완강 도전! (10강) - 떠다니는 버튼 만들기 조하! 조이 하고 싶은 것 다하는 블로그입니다! 제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 10. 떠다니는 버튼 만들기 덕담쓰기 버튼 만들기 💡 먼저, 무얼 어떻게 만들지 전략을 세워봅시다! 만들 것 보기 & 전략 세우기 버튼 div 만들기 바구니에 덕담 남기기 우선 모양을 만들기→ font-size: 18px; .btn { width: 300px; height: 50px; background-color: #3f3732; color: white; f.. 2022. 2. 1. [스파르타코딩 무료강의] 2022년도 덕담 공유 패키지 완강 도전! (9강) - 폰트 바꾸기 조하! 조이 하고 싶은 것 다하는 블로그입니다! 제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 09. 폰트 바꾸기 폰트 적용하기 💡 폰트를 적용하면 ‘확’ 달라질거예요! 🙂 폰트 import 하는 방법 [코드스니펫] 폰트 코드 @font-face { font-family: 'Cafe24Ssurround'; src: url('') format('woff'); } * { font-family: 'Cafe24Ssurround'; } 그대로! 붙여넣으면 끝! .. 2022. 2. 1. [스파르타코딩 무료강의] 2022년도 덕담 공유 패키지 완강 도전! (8강) -제목 채우기 조하! 조이 하고 싶은 것 다하는 블로그입니다! 제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 08. 제목 채우기 제목 div 구상하기 💡 먼저, 무얼 어떻게 만들지 전략을 세워봅시다! 만들 것 보기 & 전략 세우기 빨간색 큰 div로 묶고, 그 사이에 작은 것들을 위치시키면 어떨까요?→ 그리고 가운데 정렬은? display:flex 를 써보겠습니다. → div, h1, p, span 태그를 써 볼거예요! 제목 div 만들기 div 구조 잡기 덕담 하나.. 2022. 2. 1. [스파르타코딩 무료강의] 2022년도 덕담 공유 패키지 완강 도전! (7강) - 배경 채우기 조하! 조이 하고 싶은 것 다하는 블로그입니다! 제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 그림으로 배경 채우기 준비된 그림으로 배경을 채워봅니다! [코드스니펫] 배경 이미지 .background { background-color: green; width: 400px; height: 800px; background-image: url(''); background-position: center; background-size: cover; } 배경을 가.. 2022. 2. 1. [스파르타코딩 무료강의] 2022년도 덕담 공유 패키지 완강 도전! (6강) - 본격 만들기 시작! 조하! 조이 하고 싶은 것 다하는 블로그입니다! 제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 06. 본격 만들기 시작! 결과물을 보고 계획세우기 💡 일단 만들기 전에, 어떻게 만들지 계획을 세우는 것이 중요합니다. 결과물 보기 결과물을 분석해볼까요! 우선 배경이 있고, 위에 타이틀이 있고, 그 밑으로 아이템들이 있고, 마지막에 떠다니는 버튼이 있네요! 배경 div 만들어보기 index.html 파일을 만들고 본격적으로 시작해볼게요! 먼저, 덕담하나 주.. 2022. 2. 1. [스파르타코딩 무료강의] 2022년도 덕담 공유 패키지 완강 도전! (5강) 조하! 조이 하고 싶은 것 다하는 블로그입니다! 제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 05. 오늘 쓰일 CSS 공부하기 CSS 응용 오늘 쓸 CSS만 공부해도, 원하는 모양을 만들 수 있습니다! 우선 example2.html 파일을 만들고, 기본 html 구조를 잡읍시다 우선 div로 구역을 나눠주고 실습할게요! 첫 번째 구역 두 번째 구역 눈에 보이지 않았던 '구역'에 사이즈를 주고, 색을 칠해줍니다! .box { background-colo.. 2022. 2. 1. 이전 1 2 3 4 5 다음
