본문 바로가기

전체 글43

스크롤 하면 프로그래스바 채우기 * 공부 및 자격증을 위해 작성하는 글입니다. * 부족한 내용이나 틀린 내용을 알려주시면 감사합니다. * 코딩애플 js 강의를 참고하여 기능을 연습했습니다. 스크롤 기능은 예전에 학원에서 수업 받았을 때 문법 형태도 다 비슷해서 헷갈리기도 했고 왜인지 모르겠지만 두려워했던 기능이다. 익숙하지 않아서 그랬던 듯(사실 지금도 그렇긴 함) 상자를 스크롤 해보세요. 2022. 4. 25.
캐러셀 슬라이드(근데 이제 translate 를 곁들인) * 공부 및 자격증을 위해 작성하는 글입니다. * 부족한 내용이나 틀린 내용을 알려주시면 감사합니다. * 코딩애플 js 강의를 참고하여 기능을 연습했습니다. 예전에 margin-left를 이용한 슬라이드(캐러셀)을 배운적이 있었다. 그런데 translate를 이용해야 애니메이션 기능을 만들때 더욱 부드럽게 작용한다고 한다. 실제로 이번에 다시 기능 복습하면서 캐러셀을 margin-left를 사용해서 만들었었는데 PC에선 괜찮았지만 모바일에서는 '다음' 버튼을 처음 화면에서 누를 때마다 캐러셀 넘김이 뚝뚝 끊겼다. translate로 다시 만드니 이 부분은 해결됐다. 2022. 4. 16.
로그인 하면 오는 곳 축하합니다! 당신은 따봉도치의 행운을 받았습니다. 댓글로 “따봉도치야 고마워” 라고 남기면 당신을 포함한 가족 구성원 모두가 몸이 건강해지며 하고자 하는일이 모두 잘 풀리게 될것입니다. 2022. 4. 16.
비밀번호 보이기/감추기 기능 * 공부 및 자격증을 위해 작성하는 글입니다. * 부족한 내용이나 틀린 내용을 알려주시면 감사합니다. * 코딩애플 js 강의를 참고하여 기능을 연습했습니다. 공부한 것: 조건문으로 클릭 횟수의 홀짝 횟수를 변수에 받아서 다크모드/라이트모드 전환하는 것을 배웠고 그것을 조금 응용해서 비밀번호 보이기/감추기 기능을 연습해봤다. 비밀번호를 입력한 뒤 'show' 버튼을 누르면 암호로 되어있던 문자가 읽을 수 있는 문자로 바뀐다. (그리고 로그인 하면 비밀의 공간으로 이동함) 2022. 4. 16.