📖 코딩 컨벤션 (기본) HTML 템플릿 구조 클래스, Id : 공통 영어 소문자, 숫자, 언더스코어만 사용한다. 명명 시작은 영어 소문자를 이용한다. 명명시 유추하기 쉬운 단어를 사용한다. 잘못된 예 올바른 예 abc student 단어와 단어를 조합할 때는 언더스코어( _ ) 하나만 사용한다. 잘못된 예 올바른 예 studentScore student_score light__star light_star 단어와 숫자를 조합할 때는 붙여 쓴다. 잘못된 예 올바른 예 no_1 no1 약어 사용? : 이거는 협업하는 사람과 얘기를 해야할 듯. 풀네임 약어 button btn function fnc Id Id는 레이아웃을 지정할때 사용한다. 절대로 스타일을 적용하지 않는다. 잘못된 예 올바른 예 #id {co..

🏫 1주차 교육 과정 코딩 프로그램인 파이참 라이센스 등록 간단한 웹사이트 제작 공부 키워드: HTML, CSS, JavaScript, Bootstrap 숙제: 원페이지 쇼핑몰(정답코드가 있어 낙오 걱정 X) ⊙ 코딩 프로그램인 파이참 라이센스 등록 유료버전인 파이참을 4개월 무료로 사용할 수 있도록 라이센스를 지급해 주셨다. 스파르타코딩클럽에 회원가입했을때 사용한 이메일 주소를 입력하고 제출버튼을 누르면 밑에 라이센스 코드가 나온다. ⊙ 간단한 웹사이트 제작 HTML과 CSS를 이용해 웹사이트를 제작하는 실습을 했다. ⊙ 1주차 숙제 HTML, CSS, Bootstrap 이용해 원페이지 웹사이트를 제작하는 실습했던것을 제출하면된다. 👩‍💻 실습 HTML, CSS, Bootstrap을 이용한 간단한 웹사..

모두의 HTML5 & CSS3 - 교보문고 16일 만에 배우는 웹 사이트 제작 기초 | 누구나 16일이면 웹 사이트를 만들 수 있다!Day 01-03 | 웹 사이트 설계를 위한 HTML 기초 익히기웹 사이트 제작에 필요한 배경 지식 및 기본적인 레이아웃의 www.kyobobook.co.kr 🎉 성과 완성한 부분 HTML, CSS로 제작한 웹사이트에 애니메이션 효과 적용 완성한 이유 HTML과 CSS도 익숙하지 않아 어렵게 작업했는데, 애니메이션 부분은 더 어렵기 때문에 애니메이션 효과 넣기 전까지 완료했다. ✨ 느낀점 🧡 좋았던 점 기초 개념을 잡는데 도움 애니메이션 효과를 넣는 방법에 대해 모르고 있었는데, 실습을 통해 animation과 @keyframe의 이용방법을 습득 할 수 있었다.특히, -we..

모두의 HTML5 & CSS3 - YES24 웹 개발은 1도 몰랐던 광고 기획자가 광고 회사를 그만두고 독학으로 만든 웹 사이트, 나도 만들어 볼까?컴퓨터 관련 전공자나 전문가만이 웹 사이트를 개발하던 시대는 지났다. 이제는 누구나 www.yes24.com 👩‍💻 이 프로젝트로 정한 이유 이론 내용은 이해가 되었으나, 실제로 코딩할때는 실제로 웹 사이트를 만들어보지 못한 탓인지 내게는 너무 어려웠다. 그래서, 개발경험을 쌓기위한 클론코딩 웹사이트로 선택 🎉 성과 완성한 부분 애니메이션 효과를 제외한 HTML, CSS로 웹사이트 제작 완료 완성한 이유 HTML과 CSS도 익숙하지 않아 어렵게 작업했는데, 애니메이션 부분은 더 어렵기 때문에 애니메이션 효과 넣기 전까지 완료했다. ✨ 느낀점 💢 힘들었던 점 ..