studyHard
article thumbnail
아고라 스테이츠 2
SEB_FE_44/과제 2023. 3. 10. 19:00

Descriotion Section 1에서 배운 내용을 총 동원하여 나만의 멋진 아고라 스테이츠를 만듭니다. 배포링크 https://jiwonp12.github.io/fe-sprint-my-agora-states/ My Agora States jiwonp12.github.io Bare Minimum Requirement Self Checklist 스스로 구현 완료한 부분까지 체크하여 제출합니다. ✅ 디스커션 나열 기능 script.js를 수정하여 agoraStatesDiscussions 배열의 데이터를 나열할 수 있게 구현합니다. ✅ CSS ✅ 아고라 스테이츠 질문 리스트가 중앙으로 와야 합니다. ✅ style.css를 수정하여 멋지고 아름답게 나만의 아고라 스테이츠를 꾸밉니다. ✅ colorhunt, ..

article thumbnail
아고라 스테이츠
SEB_FE_44/과제 2023. 3. 9. 23:55

아고라 스테이츠 (미완) 사이버 펑크 느낌으로 만들어 보고 싶어서 꾸며보았다.. 근데 아직 디테일한 디자인이 많이 부족한 것 같다. submit버튼을 만들 때 기존에 있던 함수를 활용하지 않고 작성을 했다가 코드가 굉장히 지저분해서 다시 지우고 새로 작성을해주었다. // SUBMIT BTN const inputName = document.querySelector("#name"); const inputTitle = document.querySelector("#title"); const textInput = document.querySelector("#story"); const inputForm = document.querySelector(".form"); const now = new Date(); // I..

article thumbnail
Validator 유효성 검사
SEB_FE_44/과제 2023. 3. 8. 23:00

유효성 검사 후 회원가입 버튼을 구현하는 과제를 진행하였다! HTML 사용할 수 있는 아이디입니다 아이디는 네 글자 이상이어야 합니다 아이디는 영어, 숫자여야 합니다 영어, 숫자, 특수문자 미포함, 8자 이상 비밀번호가 일치하지 않습니다 회원가입 CSS main.move { transform: translateY(-350%); } body.dark { animation-name: brightness-animation; animation-duration: 1.5s; animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes brightness-animation { 0% { filter: brightness(100%); } 100% {..