본문 바로가기

javascript14

2024-02-28 27일 수업이어서 플리커이미지검색.html에 작성 검색어 작성 후 클릭하면 해당 검색으로 이동하게 검색 DOM search 메소드는 함수 안에다 작성? 밖에다 작성? 어느것이 더 좋은가? 페이지안에서 변하지 않는 것은(정적요소) 전역 변수로 밖에다 작성 해두어야 성능상으로 이점이 있다 함수 안에 작성하면 실행시 매번 새로 다시 검색한다 -> 정적 element는 전역변수로 두어야 찾은 걸 또 찾는 반복적 낭비작업이 없다. 이후 검색할 때마다 head사이에 스크립트 태그가 추가되는 것을 확인 가능(console.log) ajax cross origin확인 이벤트.html생성 이벤트는 비동기적 처리이다 이벤트 등록법 3가지? 1.인라인 이벤트 - 디버그가 편하다, 동적 사용시 많이 사용, 매개변수 사용 안할.. 2024. 2. 28.
2024-02-27 희 환 인호 소희 초록 display : 화면에 보였다가 감췄다가(보이고 안보이고) position(위치) , overflow(스크롤) , z-index(레이어) , transform(가끔 재미요소) window.open -> 지양하는 추세이지만 , 인트라넷 같은 경우에는 쓰면 상당히 유용하고 편하다 범용적인 서비스 사이트를 개설하는 경우 , 소비자가 막을 수 있어서 선택에 주의 -> 이 대안으로 나온것이 모달이고 css를 갖다 쓰는건 문제 없지만, 자신만의 모달을 만들 수 있어야 한다 모달직접 만들어보기 , 나의모달.html 생성 body에 전체 내용을 작성하지 않는다 함수이름({}) // 함수 호출문법 jsonFlickrFeed({ ... ... ... }) 2024. 2. 27.
2024-02-26 https://caniuse.com/ "let" | Can I use... Support tables for HTML5, CSS3, etc CSS Initial Letter Method of creating an enlarged cap, including a drop or raised cap, in a robust way. caniuse.com 위사이트에서 let var const 사용여부 확인(브라우저별 문법사용 확인사이트 , 브라우저 버전에 따라 지원여부가 다르다) 녹색 :지원 , 빨간색 : 지원x , 카키색 : 일부지원(가능하면 지양) Modern 자바스크립트에선 bind가 엄청나게 중요하다! 눌러봐 Modern 자바스크립트에선 bind가 엄청나게 중요하다! 눌러봐 Modern 자바스크립트에선 bi.. 2024. 2. 27.
2024-02-26 https://caniuse.com/ "let" | Can I use... Support tables for HTML5, CSS3, etc CSS Initial Letter Method of creating an enlarged cap, including a drop or raised cap, in a robust way. caniuse.com 위사이트에서 let var const 사용여부 확인(브라우저별 문법사용 확인사이트 , 브라우저 버전에 따라 지원여부가 다르다) 녹색 :지원 , 빨간색 : 지원x , 카키색 : 일부지원(가능하면 지양) Modern 자바스크립트에선 bind가 엄청나게 중요하다! 눌러봐 Modern 자바스크립트에선 bind가 엄청나게 중요하다! 눌러봐 Modern 자바스크립트에선 bi.. 2024. 2. 26.