오늘은 유효성 검사 페이지 마저 완성하고, 이벤트 객체에 대해 배웠습니다. 주말에 살짝 1주차에 배운 코플릿 내용 복습하고, 페어분이랑 함께 두시간 정도 시간을 더 내서 이 사이트를 완성해보았어요! 일단 Bare Minimum 이상으로 더 많은 것들을 해냈기에 만족스럽습니다. 그래도 항상 기본기가 다져지도록 주의하며 공부해보겠습니다. 아래와 같이 꾸며 보았습니다. 디즈니를 좋아해서 이렇게 만들어보았어요! 나름 동영상, 애니메이션, Flexbox, Validation Check 등 여러가지를 넣어보았습니다. 이러한 홈페이지를 만들기 위해서는 HTML, CSS, DOM 이 필요합니다. 물론 제대로 된 기능을 구현하려면 더 많은 것들이 필요하겠지만 보이는 것만으로 봤을 때는 얼추 갖출 수 있었습니다. 이번에는..

박스 모델 (Box Model) 박스 모델은 웹의 구조를 보여줍니다. 위 사진과 같이 모든 웹사이트는 구조를 갖고 있는데요. 웹사이트의 박스를 살펴보시려면 맥북 기준으로 cmd+option+i 를 누르시고 아래 "Computed" 섹터를 누르시면 보입니다. 이 기능을 활용해서 HTML에 쓰여져 있는 내용을 구조화 시키고 좀 더 가독성을 높일 수 있습니다. 각 구성요소에 대해 살펴보도록 하겠습니다. margin (여백) 여백 중 바깥 여백. 각각의 값은 top, right, bottom, left로 시계방향입니다. 값을 두개만 넣었을 때는 top, bottom값 // left, right값으로 나뉘어 집니다. 하나만 넣는 경우 모든 네 방향에 적용됩니다. border(경계선) 테두리는 다양하게 표현될 수 ..

웹 개발 기초 웹을 개발하는 데 크게 3가지가 필요합니다. HTML, CSS, Java Script 인데요. 각각 어떤 역할을 하는지 간단하게 알아보도록 하겠습니다. HTML 웹의 구조를 만들어주는 역할을 합니다. 웹의 제목, 내용, 클릭 버튼 등을 어느 부분에 표현할지 정해줍니다. CSS 웹을 꾸며주는 역할을 합니다. 웹에 색을 입히고 폰트를 지정해주는 등 스타일을 지정해줍니다. Java Script 웹을 동적으로 표현할 수 있도록 해주는 역할을 합니다. 웹사이트는 단순히 정보제공의 역할을 할 뿐만 아니라 사용자와도 상호작용을 할 수 있습니다. 이 때 필요한 것이 Java Script 입니다. HTML(HyperText Markup Language) 웹 페이지의 틀을 만드는 언어 태그들의 집합 여기서 ..