Progress Steps1 Progress Steps 구현하기(50 Projects In 50 Days 강의 실습 - 2) 2번째 프로젝트 제목은 "Progress Steps"다. 진행 정도를 나타내는 기능인데, 검은색 테두리로 이루어진 원 4개가 검은선으로 이어져 있는 상태에서, "Next" 버튼을 누르면 다음 원까지 선이 진행되었다는 의미의 파랑색으로 변했고, "Prev" 버튼을 누르면 이전 원까지 파란선의 길이가 줄어든다. 이 기능도 어느 웹사이트든 자주 사용되는 거여서 열심히 들었다. 일단 결과물부터 보자! 이번 프로젝트 난이도는 이전 "Expanding Cards"보다 어려웠다. 원을 만들고 원 사이에 선을 하나 긋는다는 게 말은 쉽지, 코드로 구현하려니 갑자기 머리가 안 돌아갔다. 결국 또 다시 시작되는 정보 찾아 삼만리... 인터넷 줍줍을 시행한다! 크기를 10px에서 30px로 늘리는 등 이리저리 강사의 코드를.. 2024. 3. 7. 이전 1 다음
