본문 바로가기
728x90

수업 복습하기/JavaScript + JQuery

Day 02 - udemy js 완벽 가이드 = 섹션2 = 18강의 통상적으로는 스크립트 파일의 위치엔 큰 따옴표를 사용합니다 link 태그같은 경우에는 셀프 클로징이 가능하지만, 일반 script 같은 경우에는 오프닝 태그 + 클로징 태그가 꼭 필요하다. js같은 경우에서는 순서가 중요하기 때문에, 의존할 내용이 있으면 사용하기 전에 가져와야 합니다. 19강의 ( let / const ) let 키워드는 새로운 변수가 있다라고 알려줄 때만 사용한다. 그 이후에 만약 같은 변수를 사용하고 싶다면 let변수 없이 그냥 호출해서 사용하면 된다는 것. 하지만 변수에 지정된 데이터는 변경이 가능하기 때문에, 고정 시킬 수 있는 변수 지정 키워드가 있다. const함수는 일정한 변수를 일정한 값으로 정해서 사용한다. => 값을 변경할 수 없다는 것. con.. 수업 복습하기/JavaScript + JQuery 2022. 9. 20.
Day 01 - udemy js 완벽 가이드 개요 1 - 2 자바스크립트란? - JavaScript는 동적이며 약한 형식의 프로그래밍 언어로 다음에서 컴파일됩니다. 실행 시간. 브라우저에서 웹페이지의 일부로 실행하거나 모든 웹사이트에서 직접 실행할 수 있습니다. 머신("호스트 환경"). - JavaScript는 웹페이지를 보다 동적으로 만들기 위해 만들어졌습니다(예:브라우저 내부에서 직접 페이지). 원래는 LiveScript라고 불렸지만 자바의 대중화로 자바스크립트로 이름이 바뀌었다. - JavaScript는 Java와 완전히 독립적이며 Java와 공통점이 없습니다! 1 - 5 자바스크립트는 어떻게 실행되는가 내가 유저라면 > 브라우저가 설치된 컴퓨터를 사용해서, 구글 검색 결과로 사이트를 방문합니다. 우선 웹페이지를 처음 방문할 때 요청이 서버로.. 수업 복습하기/JavaScript + JQuery 2022. 8. 29.
vs code - console.log 단축키 스니펫 자바스크립트를 하다보면 console.log를 찍게되는 경우가 많은데, 왜 아직도 단축키를 만들어 놓지 않았는지 의문이 든다. 학원에서 html할 때, 기본적으로 a입력하면 html > body뭐 이렇게 나오게 하는 걸 등록했던 적이 있는데, 이를 활용해서 consle.log단축키를 만들어보려고 한다. 사용자 조각 모음으로 등록했었는데, 이거 저거 인터넷에 VS 단축키 검색해보다가 유용하게 쓸 수 있는 스니펫을 찾아냈다. https://marketplace.visualstudio.com/items?itemName=jaluik.dot-log Dot Log - Visual Studio Marketplace Extension for Visual Studio Code - Make it easy to consol.. 수업 복습하기/JavaScript + JQuery 2022. 8. 3.
Day 02 - w3schools js 독학하기 (배열부터) - js 배열 기본적으로 배열에서 for 문 사용해서 빼는건 많이 해보지만, foreach는 아직 어색해서 많이 사용해봐야겠다는 생각이 든다. JavaScript Arrays Array.forEach() calls a function for each array element. t왜 굳이 사이에 foreach넣고, 그 다음에 text에 을 추가했나 했더니, 목록형으로 나타내고 싶어서 그런거였다. for문 앞 뒤에 따로 넣기 복잡하니까 그냥 앞에 달고 foreach문 끝난다음에 닫아줘서 자체적으로 ul로 표시하고 그 안에 li로해서 또 말머리 표시한듯! 과 같은 경우에는 그 태그 안에 또 태그를 사용한다. (이는 list item)의 약자입니다. - 배열 메소드 pop() : 메소드를 사용하면, 마지막 요소.. 수업 복습하기/JavaScript + JQuery 2022. 7. 29.
Day 01 - w3schools js 독학하기 - js let 자바스크립트는 여러 공백을 무시한다. 따라서 스크립트에 공백을 추가하여 가독성을 높힐 수 있음! +) 대소문자 구분하기 때문에, lastName 변수와 lastname 변수는 다른 변수라는 점 알고있기! var 변수는 {}안에서 선언했어도 밖에서 사용이 가능핟. 하지만 let변수는 {}안에서 선언했으면 그 블록 안에서만 사용이 가능하다. 또 let변수는 {} (= 같은 블록) 에서 변수 다시 선언하는 것 허용되지 않는다. 이 부분을 제일 빠르게 활용이 가능한 것은, var로 변수를 선언하였을 때, var x = 10;// Here x is 10 {var x = 2; // Here x is 2} // Here x is 2 하지만 let으로 변수를 선언한다면? let x = 10; // He.. 수업 복습하기/JavaScript + JQuery 2022. 7. 25.
코딩 앙마 유튜브 - 자바 스크립트 기초 강좌 - 변수 선언! 최초로 선언하는 변수에 let을 붙인 후에 , 새로운 변수를 선언 할 때, 기존에 있는 변수라고 에러를 통해서 파악이 가능하다. const는 절때로 바뀌지 않는 상수를 입력한데 발생합니다. 파이나, 최대값, 생일 은 바뀌지 않는 값을 입력할 때 사용합니다. 모든 변수를 const로 선언을 해놓고, 나머지 수정이 필요 할 때, 지우는 것이 낫다 변수는 문자, 숫자, $와_만 사용 둘째, 첫글자는 숫자가 될 수 없습니다. 셋째, 예약어는 사용할 수 없습니다. 넷째 가급적 상수는 대문자로 알려주세요. 다섯째, 변수명은 읽기 쉽고 이해할 수 있게 선언하기 - 자료형 공부 작은 따옴표로 문자를 나타내고 싶을 때는, " 'I\'m a boy. "와 같이, '앞에 \를 넣어서, 이것이 문자열을 나타낼.. 수업 복습하기/JavaScript + JQuery 2022. 7. 13.
[JQuery] day 02 = Day 02 = Lorem. Aspernatur. Dignissimos? Alias. Ab! 함수안에서 this 를 사용할 수 있는데, 이 것은 클릭 된, 돔에 잇는 엘레멘트 객체를 가르킨다. (여기에서는 클릭이벤트가 발생된 엘레멘트를 말하는 듯) 선생님이 원하는대로 답 도출할 수 있도록 코드 완성하기. ㅎㅎ오랜만에 하니까 헷갈리는 jquery + js.. Lorem. Dolor. Laboriosam? Nam. Hic. 돔에 존재하기는 하지만, 우선 보이지는 않게하는 방법! 이제는 클릭했을 때, 그 요소가 하나씩 사라지게 해봅시다. this가 이벤트를 받은 아이이기 때문에, 이벤트 받은 애를 jquery 객체를 만들엇으니. 선택된.. 수업 복습하기/JavaScript + JQuery 2022. 3. 24.
[JQuery] 다운받기 + day 01 = JQuery 다운받기 = https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jquery.com 사이트 방문해서, download jquery버튼 누르기 온라인에서 바로 사용할 수 있게 한 것을 다운로드 받자 이걸 드래그 해서 새로운 탭에 붙여넣기 후 .. 수업 복습하기/JavaScript + JQuery 2022. 3. 15.
728x90
728x90

티스토리툴바