덕담공유패캐지1강14 [스파르타코딩 무료강의] 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. [스파르타코딩 무료강의] 2022년도 덕담 공유 패키지 완강 도전! (4강) - css 기본 내용 조하! 조이 하고 싶은 것 다하는 블로그입니다! 제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 04. CSS 기본 내용 CSS 기초 무언가를 꾸미려면, 일단 가리켜야 가능한 일! 자주 쓸 CSS들을 미리 배워볼게요.[주의] 계~속 나올거니까, 외우지 못해서 걱정하지 마세요! 코딩 절대로 외우는 것 아닙니다! 찾아서 쓰는 거예요! 태그를 바로 가리켜서 꾸며주기 h1 { color: red; } 이름표를 붙이고 꾸며주기 👉 안에 로 공간을 만들어 작성합니다.. 2022. 2. 1. [스파르타코딩 무료강의] 2022년도 덕담 공유 패캐지 완강 도전! (3강) - HTML 기본 내용 조하! 조이 하고 싶은 것 다하는 블로그입니다! 오늘은 제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 03. HTML 기본 내용 HTML 기초 HTML은 크게 head와 body로 구성되며, head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담습니다. head 안에 들어가는 대표적인 요소들: meta, script, link, title 등 👉 페이지의 속성을 정의하거나, 필요한 스크립트들을 부릅니다. 즉, 눈에 안 보이는 필요한 것들.. 2022. 2. 1. 이전 1 2 3 다음
