2024.05.02 Today Yoonsung Learned

Ryany (윤성)·2024년 5월 2일

TIL

팀프로젝트 영화 검색 사이트 만들기(다크모드 버튼 기능 구현)

  1. html
  • html로 버튼을 만들어주고 javascript에서 지정할 id도 지정해줌
  1. css
  • 토글전 기본 css
  • 토글후 다크모드 css
  1. Javascript
  • getElementById와 querySelector로 darkmode에 적용될 항목 지정

  • 클릭시 변경된 모드를 텍스트로 표시

  • 클릭시 다크모드나 라이트모드가 적용될수있는 클릭 이벤트 생성

  1. 기능구현 성공!
  • 라이트모드(기본)

  • 다크모드

  1. 오늘의 후기

기능구현은 이전에 배웠던 내용을 토대로 하다보니 그렇게 어렵진 않았지만 git push 하는과정에서 아직 많은 어려움을 겪었음.. 앞으로 계속 기능구현 브랜치 생성하고 푸쉬하는것을 직접 더해보면서 익혀야겠다 !

profile
Junior Developer :>

0개의 댓글