본문 바로가기

코딩수업추천13

[스파르타코딩 무료강의] 2022년도 덕담 공유 패키지 완강 도전! (13강) - 공유를 위한 기초작업 조하(Joyhi)! 조이 하고 싶은 것 다하는 블로그입니다! 제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 13**. 공유를 위한 기초작업** 카카오톡, 페이스북에 공유하기 👉 아래와 같은 이미지+텍스트 경험 모두 있으시죠! [코드스니펫] - og태그 넣기 og:image, og:title, og:description 을 미리 세팅해두면, 카카오톡, 페이스북 등이 공유할 때 가져간답니다. 일종의 약속! 내가 직접 정리하는 덕담 공유 패키지 11강 업듬 .. 2022. 2. 1.
[스파르타코딩 무료강의] 2022년도 덕담 공유 패키지 완강 도전! (12강) - 스파르타 JS (자바스크립트) 붙이기 조하(Joyhi)! 조이 하고 싶은 것 다하는 블로그입니다! 제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 12. 스파르타 JS 붙이기 이제 스파르타 JS를 붙여볼까요? 💡 서버에 저장하고, 가져오고.. 하는 작업을 모두 해두었답니다. ⇒ 더 궁금하다면 “웹개발 종합반”을 들으세요! [코드스니펫] 스파르타 JS ✅ 스파르타 JS가 담고 있는것 덕담 기록하기 덕담 불러와서 ⇒ 아이콘 만들어 붙이기 참고! ⇒ 덕담 테스트는 마음 껏 하셔도 됩니다. 실제로 .. 2022. 2. 1.
[스파르타코딩 무료강의] 2022년도 덕담 공유 패키지 완강 도전! (11강) - 덕담 아이콘 넣기 조하(Joyhi)! 조이 하고 싶은 것 다하는 블로그입니다! 제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 11. 덕담 아이콘 넣기 아이콘 넣어보기 💡 아이콘을 넣기 전에, 생각해볼 것 아이콘은 언제 붙여지는 것일까요?⇒ 우리는 아직 서버를 안 배웠으니, 남기기 / 붙이기 기능은 스파르타가 만들어두었어요. ⇒ 그치만, 아이콘이 어떻게 붙나 간단히 연습만 해볼게요! ⇒ 네, 사실은 서버에서 데이터를 받아와서 → 자동으로 붙이는 것이랍니다. 아이콘을 붙일 .. 2022. 2. 1.
[스파르타코딩 무료강의] 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.