javaScript10 lightbox ■팝업창에서 이미지 갤러리 제공하는 라이브러리 link : lightBox Lightbox Examples Two individual images Four image set Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones lokeshdhakar.com lightbox.css / lightbox.js 2개의 파일 필요 다운로드 바로가기 lokesh/lightbox2 THE origi.. 2020. 3. 27. '2020.03.26 script 파일 로드의 위치 1. 헤드태그 사이에 위치 - 해드태그에 들어간 script 파일은 바디태그의 객체를 읽기 전으로, 객체가 null로 표현됨 해드 태그 사이에 script가 존재할 것이라면, window.onload = function(){} 을 사용하는 것이 좋음 (페이지가 완성이 되었을 때 우항의 function이 실행되어라) 2. 바디태그가 끝나기 전에 script를 넣게 되면, 차례대로 페이지를 로드하기 때문에, window.onload가 필요없음. 속도면에서도, 2번의 방식이 조금 더 빠름. 해드 태그 사이에 스크립트가 있다면, 브라우저는 스크립트를 먼저 해석하여 렌더링이 지연됨 3. window 모든 객체를 포함하는 객체 / 전역객체 DOM - document object mod.. 2020. 3. 26. 배열/객체 1. 배열의 순서가 없음 / 이름이 있는 상자 / 객체 배열 [] / 객체 {} ex. var coworkers = { "programmer":"egoing" "designer":"leezche" }; programer 는 라벨이고 내용은 egoing designer 는 라벨이며, 내용은 leezche 객체를 추가할 때는 coworkers.bookkeeper = "duru"; 와 같은 방법으로 추가. 마찬가지로 배열을 추가할 수도 있음 coworkers["data scientist"] = "taeho"; 와 같은 방법으로 배열로 추가하고 이를 가져올 때는 배열의 방식으로 documnet.write(["data scientist"]); 로 가져올 수 있음. 2020. 3. 24. '2020.03.20 - 배열 array [] / 반복문 while(boolean){} / 함수 function X / return - i : 반복문 조건에 관용적으로 i를 두고 변수 설정 - .length : 길이구하기 / index 크기를 구한다는 말로도 쓸 수 있을 듯. - [] 배열 설정할때도 사용하지만, 호출시 index 를 가져오는 것에도 사용 가능 - return : 함수 실행을 종료하고, 주어진 값을 함수 호출 지점으로 반환 2020. 3. 20. '2020.03.19 if/else 구문 공부 + this 에 대한 내용 확인 2020. 3. 19. '2020.03.18 생활코딩으로 공부 지속 중 1. 확실히 차근차근 설명해서, 이해하기 좋음 2. 아직까지는 간단한 기능들에 대한 설명, onclick등으로 버튼으로 확인할 수 있는 스크립트 진행 2020. 3. 18. 강좌 변경 노마드코더의 basic javascript 수업이 너무 어렵고 따라갈 수가 없어서, 생활코딩으로 기초부터 쌓아가기로 결정 1. javaScript WEB2-JavaScript - YouTube www.youtube.com 2. javaScript for Web JavaScript for Web Browser (생활코딩) - YouTube www.youtube.com 1, 2번 순서로 3월25일까지 1회 정주행하는 것이 목표 참고 : https://opentutorials.org/course/1 2020. 3. 18. 너무 어려움 노마드코더 클론코딩 강의를 보고 따라하고는 있는데, 사고가 그 과정을 못따라감.. 난이도를 낮춰서 다른 강의를 찾아봐야겠음.. 2020. 3. 17. 이전 1 2 다음
