본문 바로가기

분류 전체보기139

[JavaScript] addEventListener 작동오류 (addeventlistener is not a function) 특정 위치에 마우스를 올리면 버튼 색에 변화를 주려는 코드를 작성하던 중 addEventListener가 작동을 안한다..?! 원일을 파악해보니 DOM을 제어하기 위해 선언한 getElementsByClassName() 의 경우 객체를 배열로 출력하기에 발생한 문제이다. HOME SERVICE ABOUT PRICING CONTACT US class="navBtn" 을 제어하기 위해 getElementsByClassName() 사용할 경우 class에 해당하는 대상이 여럿임으로 배열로 출력이 진행된다 const navBtn = document.getElementsByClassName("navBtn") console.log(navBtn) 이제 발생한 문제를 해결해보자. 방법 1. DOM 객체 중 1개만 활용.. 2022. 6. 14.
HTML5 Semantic Elements (시멘틱 요소) 시멘틱 요소(Semantic Elements)란? 시멘틱 요소 = 의미가 있는 요소, HTML5 이전에는 , 등 범용적으로 사용할 수 있는 의미가 크게 없는 요소를 활용하여 layout을 구성하였으나, 이는 유지보수 및 협업시 해석하는데 오래 걸릴 수 있다. 각 요소별 의미있는 tag를 확용하여, 브라우저 및 개발자 모두에게 명확하게 사용할 수 있도록 하는 요소. Semeantic Elements 종류 이번에 공부하면서 사용된 요소는 다음과 같다. Happy holidays! Enjoy the holidays with your family and friends with these festive recipes and gift ideas! sweet berry pie the sweetest and easie.. 2022. 5. 10.
JS 클론코딩 정리. with 노마진코더 Part.1 HTML 문서 내 요소 변경 HTML 내 문서의 요소들의 속성들을 자유자제로 변경할 수 있다. ex) document.getElementIdBy("h1").innerText = "hello" 적용 시 h1=h1 인 요소의 텍스트가 "hello" 로 변경된다. 적용가능한 속성들은 매~우 많음으로 모두 외우는 것 보다는 언제든지 속성들을 확인할 수 있는 방법을 알아두자 console.dir() 통해 해당 요소가 어떤속성들을 가지고 있는 지 알 수 있다. 속성들이 보는것처럼 매우 많음으로 직접 확인하거나 또는 검색을 통해서 확인하는것이 좋다. Part.2 EventListener 브라우저 내 다양한 동작(event)을 감지할 수 있는 기능 내가 생각지도 못한 매~우 많은 이벤트들이 존재함으로 이걸.. 2022. 3. 7.
JS 클론코딩 정리. with 노마진코더 웹 프론트엔드 분야에 관심이 크게 생겨 JS 와 친해지기 위해 모두의 선생님인 니코쌤의 바닐라 JS 챌린지에 참여하게 됫다. 이해가 잘 되도록 하는 양질의 강의임에도 불구하고 지속적인 업데이트와, 내용 구성이 너무 좋아서 이래서 니코쌤 니코쌤 한다는걸 다시한번 느꼇다. I love nico쌤~! 강의 내용중 언제든지 복기 할 수있는 내용들을 정리해보려 한다, 단! 무료강의지만 챌린지의 내용은 블로그 공유가 불가한 점 참고하여 공통되는 기술적인 파트의 대한 내용을 정리하려한다. Part.1 JavaScript, Html, CSS 그게 뭔데? 본인도 어렴풋이 뭐 웹 언어하면 JavaScript, Html, CSS 이런거 쓰겠지~ 라고 생각만 하고 있었고 정확히 어떤식으로 동작이 이루어지는지 누가 물어본다면 .. 2022. 2. 16.
이렇게 많이 올줄은 몰랏는데..? Coming Soon 22.02.07 2022. 1. 28.
[Linux] U-25 (상) NFS 접근 통제 취약점 개요 점검 내용 NFS(Network File System) 사용 시 허가된 사용자만 접속할 수 있도록 접근제한 설정 적용 여부 점검 점검 목적 접근권한이 없는 비인가자의 접근을 통제함 보안 위협 접근제한 설정이 적절하지 않을 경우 인증절차 없이 비인가자의 디렉터리나 파일의 접근이 가능하며, 해당 공유 시스템에 원격으로 마운트 하여 중요 파일을 변조하거나 유출할 위험이 있음 참고 ※ NFS(Network File System): 원격 컴퓨터의 파일시스템을 로컬 시스템에 마운트 하여 마치 로컬 파일시스템처럼 사용할 수 있는 프로그램임 ※ NFS 서비스 사용 금지가 원칙이나 불가피하게 사용이 필요한 경우 NFS v2, v3은 평문으로 전송되는 취약점이 있기 때문에 암호화 되는 v4를 사용하는 것을 권.. 2021. 9. 1.