공부기록용

jQuery적용하기 오픈 소스 파일을 다운로드하여 사용하거나 URL로 연결하여 사용할 수 있다. 오픈 소스를 다운 받아 사용할 시 https://jquery.com/download/에서 다운받아 삽입해주면 된다. ✨ 태그 내에 위치하기_body 마감 태그 바로 앞에 작성해 줄 것 head태그에 넣어도 되고 body태그 내에 넣어도 상관없지만 순서는 제이쿼리 오픈소스 → 제이쿼리 작성 js파일 순서로 삽입해줄 것 ✔️이때의 폴더 구조 ❓소스 파일의 head태그와 body태그 내에서의 위치 차이❓ 일반적으로 웹 페이지의 로딩 및 성능에 관련이 있다. 태그 내에 스크립트를 넣는 경우 로딩 순서: 보통 태그 내에 스크립트를 위치시키면 웹 브라우저는 페이지의 나머지 부분을 파싱하는 동안에 스크립트를 먼저 로드하려..

❓레이아웃을 자유자재로 사용하는 것을 연습하는 도중 가로로 배열하는 일이 더 많았음 자주 사용하는 방법 정리하기로❓ 1 2 3 section{ border: 5px solid; } article{ background-color: yellow; height: 100px; width: 200px; border: 1px solid red; } 이 block요소의 배치를 가로로 바꿔보기! 1. float속성을 사용하기(+overflow: hidden) float속성을 사용하여 배치를 바꿀 수 있다. section { border: 5px solid; } article { background-color: yellow; height: 100px; width: 200px; border: 1px solid red; f..

🔴 파일분리 // hello.js alert('안녕!') // javascript.js alert('자바스크립트!') ❓HTML에서 태그가 head에도 쓰이고 body에도 쓰이고 해서 차이가 알고 싶었당❓ https://realzzu.tistory.com/155 엄격 모드 'use Strict' function exampleNonStrict() { nonStrictVar = 20; // No error, 암묵적으로 전역 변수로 처리 } exampleNonStrict(); console.log(nonStrictVar); // 20 엄격 모드를 사용하지 않은 위 코드는 nonStrictVar 변수를 미리 선언하지 않고 사용해도 에러가 발생하지 않았다. 이렇게 되면 변수 nonStrictVar는 암묵적으로 전..

❓제이쿼리~ 제이쿼리~~하는데 그간 딱히 사용했던 적이 없어서 그냥 무시해왔었는데,,, (그럼 안됬지만) 이제서야 뭔지 알고 싶어졌다❓ jQuery jQuery(제이쿼리)란 Javascript 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 Javascript의 라이브러리 ✔️Javascript는 동적인 기능 구현을 할 수 있지만 코드가 너무 길어지고 복잡해지는 단점이 있다. 이때 jQuery를 사용하면 같은 기능도 간략하고 단순한 코드로 구현할 수 있다.( Javascript, HTML, CSS에 비해 단순하고 간편한 코드 문법을 가지고 있고 웹 페이지에 다양한 효과나 연출을 적용할 수 있음) ✔️ jQuery는 클릭 이벤트, 체인지 이벤트 등 웹 페이지 동작의 기능을 조작할 때 브라우저..