728x90 반응형 코딩 연습29 그냥 개발 일기 (PC용 Todo-list 만들기 - 바닐라JS) 2 위치 서비스를 동의를 해줘야한다. "알람"뜸 추가 사항 작업완료 리스트 표시 function paintToDo(newTodo) { const li = document.createElement("li"); li.id = newTodo.id; const span = document.createElement("span"); span.innerText = newTodo.text; span.addEventListener("click",doneTodo); const button = document.createElement("button"); button.innerText = "❌"; button.addEventListener("click", deleteToDo); li.appendChild(span); li.app.. 2023. 3. 26. 그냥 개발 일기 (PC용 Todo-list 만들기 - 바닐라JS) 완료된 기능 실시간 시간 표시 환영 로그인 기능 조언 랜덤 보이기 배경 이미지 랜덤 보이기 todo리스트 작성하기 현재 위치 확인기능 위치 기반 날씨 보이기 기능 위치 기반 온도 보이기 기능 진행 하려는것 멋찌게 CSS 하는것. 지금도 하는 중. 엉망진창 망창똥창 최대한 UI를 신경쓴다. 내가 업무할때 사용하기 위함으로 가장 효율적으로 디자인 해볼것 타이머 너무 밝음 -> 연하게 , 마우스 오버할때 밝게 보이기 날씨도 정보는 로딩할때마다 -> 30분 단위로 자동 업데이트 전체적으로 디자인 하기 좋아쓰 최상단에 명언 랜덤으로 나오기 하고 .... 다음 시간에 벌써 일요일 3시다.. 뭐가 바뀌었게.. 날씨쪽 이모티몬 추가 랜덤명언 자리잡고 기기별 사이즈 조절 하고 진짜 자러간다 이제 나머진 진짜 내일 어쨌든.. 2023. 3. 26. input box shadow (css) box-shadow: 5px 5px 10px rgba(38, 37, 37, 0.3); 조금 커스터마이징이 가능하다. 색깔에 rgb 대신에 rgba로 바꾸어서 전체적으로 그림자의 투명도를 조절해보았다. * rgba 는 4가지의 숫자가 들어가줘야 하며, 마지막 자리는 0~ 1까지 투명도를 조절하는 부분이다. 1에 가까워질 수록 투명도가 없다 제일 왼쪽에 5px는 우측으로 뻗어나오는 그림자 , 5px는 아래쪽 방향 ,10px는 블러 형태다. 블러 10px : 1px에 가까워질 수록 블러가 없는 깔끔한 면에 가까워진다. 2023. 3. 25. input box 투명도 주기 (CSS) 완전히 투명하게 하기 background-color: transparent; 색깔에 투명도 주기 (RGBA) {background-color: rgba(0, 0, 255, 0.3);} rgba가 색깔 + 투명도 조절이 표기된 방식 / 마지막 자리에서 투명도 조절을 함 0~1사이로 투명도 조절 가장 기본 색깔 식 1 {background-color: #0000ff;} /* blue */ 숫자 RGB값으로 표기 {background-color: rgb(0, 0, 255);} /* blue */ * 원하는 색상을 rgb 값을 찾고 , 코드 입력을 rgba로 해서 마지막 수에 원하는 만큼 투명도 조절 2023. 3. 25. 이전 1 2 3 4 ··· 8 다음 728x90 반응형
