Kwangkki

웹사이트 레퍼런스를 찾다보면 화려한 애니메이션이 난무하는 사이트를 볼 수 있다. 항상 저런 액티브한 사이트를 만들고 싶다는 생각을 했는데 이번에 배운 css 애니메이션 기능으로 어느 정도 구현 해볼 수 있을 것 같다. 근데 막상 많은 애니메이션을 구현하다보니 css파일이 엄청 길어진다 ㅠ css에서 애니메이션을 주는 방법은 2가지가 있다. 하나는 transition, 또 하나는 animation을 사용하는 방법이다. transition transition 단축 속성 트렌지션 사용방법은 간단하다. 아래는 트렌지션 단축 속성으로 순서대로 해당하는 속성을 입력하면 된다. /* transition: property duration timing-function delay */ .info { transition: ..

이제 부트캠프를 시작한지 일주일이 다 지나간다. 5일 마지막 과제는 극악의 난이도를 자랑한다... 회원가입 인증창 만들기 1주차 파이널 과제, UI만 봤을 때 금방 끝날 줄 알았다. 실제로 HTML CSS로 UI 작업은 1시간 내로 끝났기에 더 자신감이 있었다. 하지만 문제는 기능 구현 ..! 구현해야할 기능 1. 지역선택하기는 서울, 인천, 경기 가능하도록 구현 2. '지역을 선택하세요'는 선택 불가능하도록 비활성화 3. 남성, 여성 성별 선택은 둘 중에 하나만 선택 가능하도록 구현 4. 휴대폰번호 입력칸에서 3자리 혹은 4자리 번호 입력 조건 만족시 다음칸으로 포커스 이동 5. 휴대폰 번호 모두 입력 시 '인증번호 전송' 버튼 활성화 6. '인증번호 전송' 버튼 클릭 시 6자리 수의 랜덤 토큰 생성 ..