728x90 반응형 삽질기록장/알수없는 삽질5 [오늘의 삽질] CSS - 배경색과 border 색상이 다르게 나올때 🤔 사건 경위 배경색과 상하 border에 분명 똑같은 색상을 주었는데 이렇게 다른 색이 나타났다. 😃 해결방안 border에 solid라는 기능을 넣어서 그런거였다. solid의 기능이 선을 나타내는 건데 어쨌든 같은 색상을 주는 거니까 똑같이 나타날꺼라 생각했는데 오히려 색상이 border에만 더 진하게 나왔다. 구글링을 해봐도 solid라는 기능은 테두리 선이라고만 나와있어서 정확한 이유는 모르겠지만... 어쨌든 엄청 쉬웠던 건데 어렵게 생각해서 한참 헤맸다..ㅠㅠ border-bottom: 10px solid #594e4cc4; border-top: 8px solid #594e4cc4; ↓↓↓↓↓↓↓↓↓ border-bottom: 10px #594e4cc4; border-top: 8px #594e.. 2022. 11. 15. [오늘의 삽질] 자바스크립트 - 이벤트리스너 함수 사용 에러 superEventHandler 안에 있는 mouseOver 함수를 사용해야하는데 에러남 생각해보니까 그냥 함수명만 써야하는 게 아니고 superEventHandler 안에 있는 mouseOver 함수니까 superEventHandler.mouseOver 라고 써야함 2021. 1. 13. [오늘의 삽질] 자바스크립트 - 5의 배수 찾기 중 if문 조건 에러 진짜 봐도봐도 모르겠어서 일단 적어두고 나중에 더 배운 후에 다시 보자. 에러를 고치지 못할때마다 왜이렇게 속상하고 조급해지고 나 자신이 작아지는 지 모르겠다..ㅠㅠㅠㅠㅠ 배움이 부족해서 그런거니까 일단 넘기고 이 속상함도 여기에 묻어두자! 다음날 일어나자마자 계속 고민하다가 해결완료!!!! ㅠㅠㅠㅠㅠㅠ 1~100의 수에서 5의 배수를 맞춰보세요. 조건① input으로 받은 입력값 num이 null이 이거나 빈칸일때에는 숫자를 입력해달라는 alert창이 떠야함 에러 → 스페이스바를 이용해서 띄어쓰기 후에는 적용되지 않음 조건② input 입력값에 0을 쓰면 alert("1~100사이의 숫자를 입력해주세요."); 이게 실행되어야하는데 에러 → 그냥 5의 배수가 맞는지 안맞는지 적용됨 에러의 원인 ① if문.. 2020. 11. 25. [오늘의 삽질] CSS - position:fixed 가 부분적으로 적용이 안될때 위치 노마드코더\kokoa Clone\Challenges\과제\DAY3\blueprint-day3\index.html 내가 원했던 것은 저 핑크색 엘리먼트가 스크롤을 내려도 fixed되어 화면에 계속 나오게 하고 싶었던 것 내가 만든 결과물 사실 이렇게 저렇게 만지다가 다시 잘 된거라 내가 만들었던 오류로 다시 못만들겠음..ㅠ 일단 결론은 position을 잘 정리해야 하고 겹치는 부분은 z-index: 10;(숫자가 클수록 제일 앞으로 옴) 처리 해주면 제일 앞으로 오면서 해결됨 2020. 5. 14. [오늘의 삽질] 자바스크립트 - 할일 목록 삭제버튼 클릭시 콘솔에 배열 확인하기 노마드코더\Vanilla JS\Changes\실습\Practice\DAY8.9\class_practice\todo.js input 한 할일 목록 4개 중에 2개를 지우면 console.log(cleanToDos, toDos); 로 보여지는 cleanToDos의 갯수가 2개이어야 하는데 계속 2개 3개를 지워도 cleanToDos의 갯수가 3이었다. 슬랙에 어떤 친절하신 분이 다시 개념을 알려주셨는데 1.pendingList(배열)의 값을 한개씩 가져와서 toDo에 담는다 2.toDo에 담긴 id와 삭제버튼을누른 li의 id값을 비교한다 3.비교하여 일치하지 않은 값(삭제버튼 누르지 않은것)은 cleanToDos에 담는다 이렇게 되서 결과적으로 cleanToDos에는 삭제 하지않은 것들로 이루어진 배열이 .. 2020. 5. 7. 이전 1 다음 728x90 반응형