탄탄한 자바스크립트 기본기를 다지기 위해 클로저에 대해 알아보자.

탄탄한 자바스크립트 기본기를 다지기 위해 이벤트 루프에 대해 알아보자.

제이쿼리를 이용하여 3뎁스 검색기능을 추가하고 싶었다.
구글링한 예시들은 죄다 1뎁스여서 내가 원하는대로 만들 수 없었다.
내가 원하는 것은 검색어입력시 1뎁스와 2뎁스는 그대로 노출되고 3뎁스에 검색이 적용되어 결과가 노출되는 것이다.

문제

웹 네이버 블로그 RSS기능을 구현하는 도중 아래와 같은 에러가 발생했다.

1

SEC7111: http://www.feedrapp.info/?callback=jQuery21408054871432163133_1612485326379&q=https%3A%2F%2Frss.blog.naver.com  ~~~ 이(가) HTTPS 보안을 위협합니다.

좋은 기회로 디스코드 챗봇을 만드는 온라인 특강을 듣게되었다.
정말 재미있었다!

순서

vs code에 npm 설치하기

1. npm install: npm을 설치한다.
2. npm run dev: 설치한 npm을 실행한다.

slick slider 라이브러리

슬라이드배너기능을 구현하기위해 슬릭 라이브러리를 사용했다.
slick slider는 jQuery 기반으로 만들어진 라이브러리이다. 따라서 jQuery가 필요하다.
슬라이더 라이브러리는 다양하지만 슬릭 슬라이더 라이브러리의 홈페이지가 가장 친절하다.

jquery.innerfade 라이브러리

• 화면전환효과를 나타내는 라이브러리이다.
• 어떠한 효과들이 있는지는 참고링크 : jquery.innerfade에서 확인가능.

유효성체크 : 자바스크립트 vs 제이쿼리

• 처리속도 : 자바스크립트 > 제이쿼리
• 유동성 : 자바스크립트 < 제이쿼리
• 필요 상황에 맞게 쓰면 됨

클릭이벤트 : click(), bind(), on()

• 참고링크 : click()이벤트
• bind(“이벤트종류”, 실행코드) : 해당요소에 이벤트를 등록시키는 함수
• click(function(){}) : 클릭이벤트 함수

attr() 함수

• attr(‘속성’,’값’) : 선택한 요소의 속성을 생성,수정 하는 동작
• css와 차이점
  • attr사용 : border color, border style적용안됨.
  • css사용 : border color, border style 적용됨.