babydevelopbabydevelop

# 지역변수와 전역변수란 무엇인가? 지역변수는 일정한 또는 지정된 지역(스코프 scope 라고 함)에서만 사용할 수 있는 특정한 변수를 의미한다. 이에반해 전역변수는 모든 영역에서 사용할 수 있는 변수를 말한다. 결국 전역변수를 선언하면 코드의 {}(블록영역), 내부함수, 외부함수 등의 영역에 상관없이 어디서든 불러와 사용할 수 있다. 하지만 지역변수는 문법적 영역인 선언된 위치에 따라 해당 영역(scope)이 결정되게 된다. # 지역변수와 전역변수를 구분하는 이유는? 개발자는 코딩을 하면서 생각할 부분들이 많다. 메모리등의 자원관리도 생각해야하고 변수가 내부코드 또는 사용중인 라이브러리나 플러그인을 통해 충돌할 수 있는 부분까지 생각할 필요가 있다. 만약 전역변수를 남발하게 될 경우 이런 충돌로 부터 ..

자바스크립트 출력 자바스크립트는 여러 방법을 통해 결과물을 HTML 페이지에 출력할 수 있습니다. 자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같습니다. 1. window.alert() 메소드 2. HTML DOM 요소를 이용한 innerHTML 프로퍼티 3. document.write() 메소드 4. console.log() 메소드 indow.alert() 메소드 자바스크립트에서 가장 간단하게 데이터를 출력할 수 있는 방법은 window.alert() 메소드를 이용하는 것입니다. window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 줍니다. HTML DOM 요소를 이용한 innerHTML 프로퍼티 실제 자바스크립트 코드에서 출력을 위해 가장 많이 사..

자바스크립트를 이용하여 텍스트위에 이미지 오버하면 사진이나오고 지나가면 사라지는 효과를 만들어 봤습니다. 아래 텍스트를 각각 설정하여 이미지를 넣어 이미지는 CSS효과로 안보이게 설정한후 스크립트로 각 영역에 마우스를 오버하면 효과가 생기도록 만들었습니다. 효과들은 모두 gsap을 사용했습니다! const mouseImg = document.querySelectorAll(".mouse__img"); mouseImg.forEach((item) => { const imageWrap = item.querySelector(".img"); const imageWrapBounds = imageWrap.getBoundingClientRect(); let itemBounds = item.getBoundingClient..

자바스크립트를 이용하여 마우스가 움직일때마다 텍스트 효과가 생기는 사이트입니다. 화면에서 마우스를 움직이면 텍스트가 움직이는 효과를 만들었습니다. 한 문장당 오렌지색 두개 흰색 두개를 만든후 overflow: hidden 을 사용하여 반을 가린후 마우스가 움직일때마다 보여지도록 만들었습니다. 이 예제는 스크립트보다 CSS요소가 많이 들어가 소스코드를 통째로업로드 시켜드리겠습니다. Believe you can and Believe you can and You`re halfway there. You`re halfway there. 할 수 있다고 믿으면 할 수 있다고 믿으면 반은 온 것이다. 반은 온 것이다. JavaScript Mouse Effect06 마우스 이펙트 - 텍스트 효과 1 2 3 4 5 6 7 8

웹 디자인 기능사 예제사이트입니다. 탭메뉴와 리스트 그리고 레이어팝업까지 구현한 사이트입니다. 이미지파일은 위에서 받아가시면됩니다! 스크립트를 사용하실때는 Jquery.js를 다운받으셔야합니다. 제이쿼리 다운로드 사이트 https://jquery.com/ 참조유튜브 - https://www.youtube.com/watch?v=r2A0HXyjQL0&list=PL4UVBBIc6giIpzhQ4UWVCs64UzLQpdO5B COOKIT소개 SUBMENU1 SUBMENU2 SUBMENU3 SUBMENU4 COOKIT 메뉴 SUBMENU1 SUBMENU2 SUBMENU3 SUBMENU4 리뷰 SUBMENU1 SUBMENU2 SUBMENU3 SUBMENU4 이벤트 SUBMENU1 SUBMENU2 SUBMENU3 SU..

웹 디자인 기능사 예제사이트입니다. 탭메뉴와 리스트까지 사용할수 있는 예제를 만들었습니다. 이미지파일은 위에서 받아가시면됩니다! 스크립트를 사용하실때는 Jquery.js를 다운받으셔야합니다. 제이쿼리 다운로드 사이트 https://jquery.com/ 참조 유튜브 https://www.youtube.com/watch?v=r2A0HXyjQL0&list=PL4UVBBIc6giIpzhQ4UWVCs64UzLQpdO5B SCRIPT 소스 $(".nav > ul > li").mouseover(function(){ $(".nav > ul > li").find(".submenu").stop().slideDown(500); }); $(".nav > ul > li").mouseout(function(){ $(".nav >..

타자연습을 할수있는 사이트를 만들었습니다! 타자속도를 계산을 어떻게하나 고민을 정말 많이했는데 잘 모르겠어요! wpm / cpm 을 계산하는 방법을 아시는분이 계시면 댓글부탁드릴게요! Time Left: 60s Mistakes: 0 wpm: 0 cpm: 0 Try Again

안녕하세요! Parallax Effect(패럴럭스 이펙트)로 포트폴리오 느낌을 연출해봤습니다. 아직저는 미숙하지만 제걸 보시고 따라시면 여러분은 더 잘하실수 있을거에요!! 각각의 스크롤값에 transform을 줘서 느낌을 연출했습니다~ 안녕하세요! 포트폴리오 사이트입니다. 사이트를 소개해드릴게요! I`ve Been Working In On Sites 사이트 바로가기 사이트 바로가기 사이트 바로가기 사이트 바로가기