${}2 자바스크립트 파일에서 html 문법 쓰기 우리는 자바스크립트에서 동적으로 html 문법을 만들어줘야할 때 dom에 접근해서 createElement, classList, innerHTML, appendChild를 써서 직접 하나하나 설정을 해주었다. html을 직접 작성하면 코드가 이렇게 길지 않을텐데 dom에 직접적으로 조작을 하려하니 아래와 같이 코드도 길어지고 그에 따라 신경써야할 것도 늘어나면서 코린이인 나는 좀 헷갈리기도 했다. 그러다 구글링을 하면서 알게 된 훨씬 간단하면서도 친숙한 코드를 발견했다. const comment = document.createElement("div"); const userID = document.createElement("span"); const commentText = document.createEle.. 2023. 6. 23. filter method 이용해서 아이디 검색 기능 구현하기 이번 과제 중에 제일 어려웠던것 같다. 다른것들도 하루종일 고민했지만 이건 하루종일 고민해도 너무 어려웠다. 다른 기능은 다 구현했는데 여기서 filter를 통해 원하는 검색결과만 보이게 하는 기능이 제일 어렵게 느껴졌다. 실제 인스타 nav 검색창에 아이디를 입력 시 검색 기능이 실행됩니다. 아이디 데이터를 담고 있는 배열을 선언해주세요. 검색 창에 텍스트 입력 시 배열의 요소 중 해당 텍스트에 일치하는 아이디만 보일 수 있도록 구현해주세요. for 문이 아닌 다른 array method를 사용해 구현해주세요. DB가 아닌 그냥 간단하게 보여줄 정도라서 javascript 파일 상단에 배열로 id list를 만들어준다. let userArray = [ { id: "wecode_bootcamp", sub.. 2023. 6. 13. 이전 1 다음