inflearn logo
강의

Course

Instructor

JavaScript: All-in-one from basics to practice

Item Filtering

todolist filter함수 이해가 안가요ㅜㅜ도와주세요..

392

wowdodu1235240

2 asked

0

여기에 filter에 (event)를 가지고 온것은 이해가 가는데!
 
 
 
뭔가 if(e)라는걸 왜 하는건지 이해가 잘 안가네요..
기존 코드에 없던건데
if(e)가 있어야..앱이 기능이 되더라구요..
ㅜㅜ왜 넣어야하는건지..
무슨의미인건지 궁금해요!
 
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

자바스크립트 함수 HTML/CSS javascript 이벤트

Answer 2

1

codingnuna10082706

안녕하세요 

 

제강의를 좋아해주시니 제가 더 뿌듯하고 기분이 좋네요!

 

제가 주어진 코드만 보고서 가능하다 말씀드렸는데 

말씀해주신것처럼 체크나 삭제버튼을 누를때에는 event전달을 안해줘서 if를 조건문으로 뒀습니다 

말씀해주신게 맞습니다 

 

그리고 event를 보낼 수 있습니다 

<button onclick="toggleDone(event,'${list[i].id}')"><i class="fa fa-check"></i></button>
 
이런식으로 매개변수에 event를 넣어주시면 됩니다
 
아 그리고 제가 제 질문받는 슬랙채널이 따로있습니다
 
https://join.slack.com/t/w1631756876-zfv299364/shared_invite/zt-w5yxap8g-~_Exi5lOwfw_N6a1T5djmg
 
급할때 여기로 질문주시면 제가 더 빠르게 답장해 드릴 수 있습니다!
 
그리고 현재 react 강의 준비중입니다! (3월 출시예정)

그럼 조금만 기다려주세요!  

 
좋은질문 감사드립니다!
 
코딩알려주는 누나 드림

1

codingnuna10082706

안녕하세요!

if(e)는 클릭 이벤트를 할때 이벤트를 잘 전달받았는지 확인하는 곳입니다

사실 click을 하면 자동으로 항상 이벤트가 전달이 되기 떄문에 

저 코드가 없어도 동작합니다! 

if(e)지우고 하셔도 됩니다 

 

0

wowdodu1235240

쌤!! 제가 답변을 받고 곰곰히 생각했는데,

초기에 리스트 추가만 하고 거기서 삭제랑 했음 버튼을 누르면 탭관련 이벤트가 들어갈 일이 없더라구요.

console.log로 확인해보니

리스트 추가 후에

했음 버튼  이랑 삭제 버튼을 누를때

filter 함수가 실행되고.

그때는 filter함수는 실행되지만

event값이 없음 //

event 값은 (div) 을 누를 시에만 적용됨.

 

그래서  if(event) 하지 않을 시에,

mode = event.target.id; 또한 실행해야 하는데  event 값이 없으니

 target 값이 안잡히는것 같고

오류가 뜹니다!

 

if(e) 이부분은 꼭 필요한거 같다고 생각했는데.. 혹시 잘 이해 한것이 맞을까요..?

 

호호오오옥시

삭제나,  리스트 체크(했음버튼) 버튼을 누를때

filter에 event를  전달 해 줄 방법이 없을까요?ㅠㅠ..

 

그리고 쌤 !!!! 강의가 너무재밋어요 ㅎㅎㅎ

제가 작년에 자바스크립트 공부를 실패하고

다시 유툽에서 쌤강의를 우연히 보고 이해가 갑자기 되는거에요???!

그래서 용기내어 재 도전하는 중인데,

정말 쌤강의는 비전공자인 저에게 알아듣기쉽게 쏙쏙 박히는 강의에요!

 

 

이거 다 들으면 추후에 다른 강의로도또 뵙고싶은데 많이많이 강의 만들어 주세요!!!! 

다른 자바스크립트나 리액트 강의도 쌤꺼로 듣고싶어요!  추후 계획도 있으신가요!?!?

 

반복문 문제3 369게임

0

462

1

투두리스트 과제 힌트 좀 주세요 ㅠ

0

389

1

강의가 재생이 안됩니다.

0

417

2

강의 정리된 자료

0

410

1

타임즈뉴스 401에러

0

355

1

to do list

0

319

1

EventListener 질문입니다.

0

266

1

developer tool 아이콘 클릭했는데 콘솔창이 안떠요

0

254

1

git 허브나 netlify 용량

0

1250

1

깃허브 오류

0

366

1

Math 함수를 사용해봤는데. ... 은 무슨 의미일까요??

0

429

1

로컬스토리지 저장하는 방법 알려주세요 ㅠㅠ

0

862

1

타임즈 render 부분 질문

0

433

1

인프런 블로그 작성

1

488

1

전날엔 되던것이 담날엔 안되네요 ㅜㅜ

0

426

1

뉴욕타임즈 뉴스를 그려보자 reder편 질문

0

395

1

TO DO LIST

0

358

1

TO DO LIST

0

435

1

es6 7번 문제에 관하여 질문사항 있습니다.

0

326

1

node.js 로 웹서버 구축할때 힘들었는데 넷리파이로 이렇게 쉽게 웹서버가 만들어지다니.. 감동입니다. 항상 서버도 살아있고 깃헙이랑 동기화되는게 장점인것같아요

0

415

0

함수강의 연습문제 6번 질문사항

0

250

1

let gameOver = false;

0

248

1

api 호출 관련해서 Usage 가 50이라...

0

409

1

map이 안먹습니다.. ㅠㅠㅠ

0

360

2