<div>button*100 </div> 라치고 for 문 돌려서 100개나 되는 button 각각 하나마다 이벤트리스너를 달아주는게 좋아보이진 않는데요. ========== 검색을 해보니 부모 div 하나에다가만 이벤트리스너 달아주고 이벤트 버블링으로 처리하는 방법도 있다 라고 소개가 되어있더라구요. (e.target 으로요) ========== 1. 실무에서는 주로 어떠한 방식으로 사용하나요? 2. 버블링으로 한다치면 e.target 들을 어떠한 방식으로 구별하나요? (e.target.className 으로 하기엔 class 를 100개 다 다르게 작성해야하구...) ======== 이하는 제가 작성해본 예시입니다. (moveEvent 함수는 생략하겠습니다.) < div class = "area_slide_arrow" > < button type = "button" class = "btn_left" > 왼쪽 </ button > < button type = "button" class = "btn_right" > 오른쪽 </ button > </ div > const elBtn = document . querySelector ( ".area_slide_arrow" ); elBtn . addEventListener ( "click" , ( e ) => { if ( e . target . className === "btn_left" ) { index --; moveEvent (); } else if ( e . target . className === "btn_right" ) { index ++; moveEvent (); } })
querySelectorAll 로 유사배열인 NodeList 를 가져와서 배열전용 메서드를 사용할때 타입이 달라서 오류가 발생하므로 > Array.prototype.indexOf.call ~~~~ 방식으로 사용할 수 있게끔 하는것 같은데요. ========== 유사배열(querySelectorAll)을 배열 메서드로 가공하는 경우가 많을거 같은데, 매번 저렇게 처리를 해야하나요??? 뭔가 좀더 개선할 수 있어 보이는데 실무에서는 어떠한 방식으로 사용하나요?
보통 L4 WEB서버 WAS서버 를 통해서 DB에 접근해서 반대로 보내주는 걸로 알고있어요. 강의에 말씀주신 API서버는 이중에 어느 영역에 속할까요? 아니면 캐시서버같이 독자적인 서버로 볼 수있을까요? 아울러 이미지를 저정하는 파일서버의 경우도 어느영역에 속한다고 볼 수있는지 궁금합니다. 감사합니다.
안녕하세요 . 시간복잡도란 , 코드내의 변수에따른 컴퓨터가 실시하는 실제 연산개수를 나타내는건데 (실제연산개수를 나타내야 .. 시간복잡도를 따지는게 의미가 있기도 하고 . ..다만 극한개념이라 , 영향이 작은건 무시됨) public T this [int index] { get {return _data[index]} set {_data[index]=value; } } 의 시간복잡도는 상수처럼 무시되는데요 , 그 이유가 배열은 랜덤액세스가 가능해서인데 그 말인즉슨 컴퓨터는 배열[index] 를 추적시에 0부터 index 까지 메모리공간을 하나하나 타고 가는게 아니라 ( 이러면 index에 따라 계산횟수가 Count 개 만큼 나타내질수도 있는건데 ) 진짜 바로 해당인덱스의 메모리공간으로 워프가 가능해서 계산횟수가 1이 나오는건가요 ? 감사합니다. 좋은하루되세요
[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)
안녕하세요, 강사님 올려주신 파일에서 가장 아래부분에 도전과제를 하는 중인데요 아래 코드의 정확한 해석을 듣고 싶어서 질문 드립니다. if each_row[0].row == 1: 제가 해석한 바로는 each_row[0].row 라는 코드가 데이터가 채워진 가장 왼쪽열의 마지막 행 번호를 출력하는것 같던데 이렇게 해석해도 될까요? 강의 항상 잘 보고 있습니다!
안녕하세요. 학습 중 어려움이 있어 질문드립니다. 문제 상황 1 take 함수 코드를 작성하면서 limit 값이 0 일 때도 동작하는 코드를 작성하고 싶어 코드를 아래와 같이 수정했는데요. 아래와 같이 작성하니깐 문제가 발생하더군요. 디버깅을 통해 원인이 두번째 인자로 받은 iter가 기존 코드보다 순회를 한번 더 해 iter를 참조하고 있는 다른 함수에서 부수효과가 발생해서 생긴 원인이드라고요. const take = curry ( ( l , iter ) => { let res = [] ; iter = iter [ Symbol . iterator ]() ; return function recur () { let cur ; while ( ! ( cur = iter . next ()) . done ) { const e = cur . value ; if ( e instanceof Promise ) { return e . then ( e => res . length == l ? res : ( res . push ( e ) , recur ())) . catch ( e => e == nop ? recur () : Promise . reject ( e )) } if ( res . length == l ) return res ; res . push ( e ) ; } return res ; } () ; } ); 문제 상황 2. 아래 코드의 경우 reduce를 하기 위해 acc 값을 header를 받아오는데 filter의 결과로 nop을 받아와 에러처리가 안되 에러가 발생했습니다. go ([ 0 , 1 , 2 , 3 , 4 ], a => a , L . map ( a => Promise . resolve ( a * a )), L . filter ( a => Promise . resolve ( a % 2 )), reduce ( add ), log ); const reduce = curry ( ( f , acc , iter ) => { if ( ! iter ) return reduce ( f , head ( iter = acc [ Symbol . iterator ]()) , iter ) ; iter = iter [ Symbol . iterator ]() ; return go1 ( acc , function recur ( acc ) { let cur ; while ( ! ( cur = iter . next ()) . done ) { acc = reduceF ( acc , cur . value , f ) ; if ( acc instanceof Promise ) return acc . then ( recur ) ; } return acc ; } ) ; } );
강의와 관련있는 질문 을 남겨주세요. • 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등) • 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색 을 해주세요. (중복 질문을 자제해주세요.) • 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’ 를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달 에도 요령이 필요합니다. • 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요. • 강의실 페이지 (/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다. • 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재 해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드 를 남겨주세요! 구체적인 질문 일수록 명확한 답을 받을 수 있어요. • 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요. • 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요 . • 정확한 질문 내용과 함께 코드 를 적어주시거나, 캡쳐 이미지 를 첨부하면 더욱 좋습니다. 기본적인 예의 를 지켜주세요. • 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용 은 스팸 처리 등 제재를 가할 수 있습니다. dbswotjs115@gmail.com. 필기전, 필기후 모두 보내주시면 감사합니다.
스프링부트가 11/12일자로 2.4.0 버전이 릴리즈 되었는데요.. 최신버전인 이 버전을 사용하면 될까요 아니면 강의자료에 나와있는 2.3.x 버전을 사용하면 될까요? (자료에는 최신버전을 사용하라는 문구가 있다보니 헷갈려서..^^;) * start.spring.io에도 2.4.0 버전이 반영 되어 있습니다. https://spring.io/blog/2020/11/12/spring-boot-2-4-0-available-now
s안녕하세요! 그리드 뷰관련해서 문제가 해결이 되지 않는데요. 보시다 싶이 gridview_text, img 를 인식을 못하는 문제가 자꾸 발생해서 해결을 못하고 넘어가지 못하고 있습니다. ㅠㅠ Unresolved reference: gridview_text라는 오류가 있다고 주석에 나오는데 혹시 왜 이런것인지 알 수 있을까요,... 하루종일 찾고 시도해보는데 안되네요 ㅠ...
안녕하세요 급 호기심에 Spring boot 에서 EntityManager를 사용하여 명시적으로 트랜잭션을 사용해보았는데요. 아래와 같은 오류가 떠서 질문드립니다 트랜잭션 템플릿을 사용해서 실행시켰을 떄는 오류없이 잘되었는데, EntiyManager를 사용해서 트랜잭션을 사용하면 위와 같은 에러가 출력되는 이유가 궁금합니다 !! 테스트한 코드는 아래와 같습니다. (예제 코드를 코틀린으로 올린 점 죄송합니다 ㅠㅠ) 감사합니다 !!
