한 사이트에서 정기 컨텐츠를 관리자 페이지에서 업로드 하는데, 어드민에서 iframe을 삽입했을 때 보안상의 이유로 게시글이 업로드 되지 않는다고 한다. 추후 업로드 게시물에는 youtube 영상을 삽입하고 싶은데 방법이 없냐는 문의가 왔다. embed나 object태그를 쓰면 안되냐는 내용이 있었고, 나도 익숙하지 않은 내용이라 검색해 보니 2015년 이후로 지원이 끊겨서 더 이상 업데이트 되고 있지 않다고 한다. https://www.w3schools.com/HTML/html_youtube.asp 그래서 해당 태그 사용으로 유튜브 로드 시 flash로 형성된다는 내용들이 있었다. 따라서 모바일 호환이 안된다. https://www.youtube.com/watch?v=vjh6z6EACqQ 유튜브가 삽입될 때 마다 내가 작업 하는 것은 비효율적이니, 코드를 잘 모르는 사람도 운영할 수 있도록 스크립트로 작업했다. 추후 운영시 data-url=""내에 iframe src값만 넣어주면 된다. 영상은 귀여운 내덩생. See the Pen Create iframe inside a div by dribbles ( @dribbles ) on CodePen .
이미지 썸네일 클릭 시 갤러리용 팝업이 뜬다. 갤러리용 팝업에 swiper가 들어있어서 썸네일에 맞는 이미지가 swiper에 떠야 한다. pager를 클릭하도록 하고 싶었지만 최초 1회는 아직 pager가 로드되지 않는 상태라서 기능이 되지 않았다. 검색 해 보니 지원하고있는 method가 이미 있다. 참고: https://stackoverflow.com/questions/23922480/go-to-a-specific-slide-with-idangerous-swiper
전역변수 가장 상위에 있는 변수. 즉, 가장 밖에 있는 변수. 지역변수 var를 사용한 함수단위의 스코프. 전역변수보다 우선. 렉시컬 스코프(lexical scope) 에서는 소스코드가 작성된 그 문맥에서 결정. 호출 스택과 관계없이 각각의 (this를 제외한)대응표를 소스코드 기준으로 정의하고, 런타임에 그 대응표를 변경시키지 않는다. (사실 런타임에 렉시컬 스코프를 수정할 수 있는 방법들(eval, with)이 있지만, 권장하지 않는다.) 클로저(closure) 는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 ‘기억한다’. ( https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Closures ) + ES6 블럭단위의 스코프 가능. let, const 를 사용. const 는 constant 의 약자로 변수값을 재할당 할 수 없다. 배열이나 오브젝트를 수정하는 것은 가능하다. 요즈음 ES6 작업 시 const를 기본으로 사용하고. 변경이 될 수 있는 변수는 let을 사용. var는 사용하지 않는 것이 좋다. 이벤트 델리게이션? 버블링? immutable array? 나중에 또 찾아보자. 인프런 들으면서 정리 및 추가 서칭한 내용. (들은 강의 - https://www.inflearn.com/course/es6-%EA%B0%95%EC%A2%8C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8# )
댓글
댓글 쓰기