# jquery

121개의 포스트

기본 네비게이션 만들기

gnb 기본 네비게이션을 웹접근성을 살려서 만들어보자

약 2시간 전
·
0개의 댓글
post-thumbnail

[daily study] jQuery 이벤트

\*본 글은 생활코딩 강의를 듣고 복습을 위해 작성되었습니다.🌷 jQuery는 이벤트와 관련해서 편리한 기능을 제공한다.👉 코드 분량에 큰차이가 있다. jQuery는 크로스 브라우징을 알아서 처리해 주고, 이벤트를 보다 적은 코드로 구현할 수 있도록 해준다. 이런

약 17시간 전
·
0개의 댓글
post-thumbnail

[daily study] jQuery 노드 변경 API

\*본 글은 생활코딩 강의를 듣고 복습을 위해 작성하였습니다.출처 : https://opentutorials.org/course/1375/6743👉 각각 색상별로 어느위치에 들어가게 되는지 표시해보았다.제거에는 remove와 empty가 있다.👉 remov

4일 전
·
0개의 댓글
post-thumbnail

[study daily] jQuery 속성 제어 API

\*본 글은 생활코딩 강의를 듣고 복습을 위해 작성되었습니다.🔵 setAttribute, getAttribute에 대응되는 메소드는 attr이다. 🔵 removeAtrribute(name)에 대응되는 메소드는 removeAttr('name')이다.\*본 글은 생활

4일 전
·
0개의 댓글
post-thumbnail

[daily study] DOM_ jQuery객체

\*본 글은 생활코딩 강의를 듣고 복습을 위해 작성하였습니다.👉 위의 사진은 암시적 반복을 보여주는 예로 암시적 반복은 jQuery객체의 가장 중요한 특성이다. 암시적 반복은 값을 설정할 때만 동작한다. 값을 가져올 때는 선택된 엘리먼트 중 첫번째에 대한 값만을 반환

7일 전
·
0개의 댓글

[jQuery] $ 식별자

$ 기호는 jQuery를 의미하고, jQuery에 접근할 수 있게 해주는 식별자다.jQuery 라이브러리 내부를 살펴보면 아래와 같이 작성되어 있는 것을 알 수 있다.$()가 의미하는 것은 jQuery가 맞지만 더 정확한 의미는 이름이 $인 함수 그 자체, $()는 $

2020년 11월 19일
·
0개의 댓글
post-thumbnail

[daily study] DOM_제어 대상을 찾기(jQuery)

\*본 글은 생활코딩 강의를 듣고 복습을 위해 작성되었습니다.👉 위의 코드가 jqeury의 기본적인 문법 형식이다.🧡 $()는 jquery의 함수이다.💛 .css()는 함수의 인자로 다양한 종류가 있다.👉 DOM과 jquery를 비교해보면 jquery쪽이 알아보

2020년 11월 18일
·
0개의 댓글
post-thumbnail

[daily study] DOM_ jQuery

*본 글은 생활코딩 강의를 듣고 복습을 목적으로 작성되었습니다. 👌 jquery는 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어 라이브러리이다. 즉, DOM으로 하면 여러줄 나올 것을 jqeury는 한둘줄로 간단히 끝낼 수 있다. 1. jQuery 로

2020년 11월 18일
·
0개의 댓글
post-thumbnail

[FE] 취업 이후 만나게 된 것들 1.jQuery

취업을 준비할 때는 생각지 못했던, 옛날 기술들에 대해 생각을 정리해보는 글을 작성해 보기로 했습니다. 첫번째는 jQuery 입니다!

2020년 11월 15일
·
0개의 댓글
post-thumbnail

기술서재 - 2. 매개변수(파라미터)를 이용한 함수 재활용

setStatTest() 실행 시 받은 매개변수에 따라 다른 동작을 수행하도록 if문으로 분기함.실행될 동작(load, scroll, click, mouseenter 등)에 setStatTest()를 실행시키고 필요한 매개변수를 준다.!codepenkcarl/embed

2020년 11월 15일
·
0개의 댓글
post-thumbnail

[JQuery] 선택자

JavaScript를 더 쉽게 사용하기 위해 만들어진 JavaScript 라이브러리JavaScript의 DOM은 브라우저 간 호환성이 떨어져 크로스 브라우징이 힘들다.모질라 사의 JavaScript 개발자였던 존 레식이 JavaScript를 이용해 만든 라이브러리 언어

2020년 11월 9일
·
0개의 댓글

[JQuery] AJAX 데이터 전송할때 유의점(Must be string)

아작스로 폼을만들어 데이터를 넘길때 그 값은 반드시 스트링이여야 한다.예를들어 salt를 생성하는 js라이브러리는 salt가 스트링이 아니다.이에 대해 toString() 이란 메소드를 제공한다.위와 같이 스트링으로 변환해야 Ajax 데이터에 넘길수 있다.

2020년 11월 9일
·
0개의 댓글

[JQuery] HTML 파일 업로드

HTML로 파일을 업로드 할려면 input 태그의 type이 file 이여야 한다.하지만 이렇게 쓰면 디자인 커스텀이 쉽지않다.그래서 이 태그는 display:none으로 처리하고, js나 jquery로 연결하여 처리한다.엄청나게 중요한점은 File을 업로드할때는 fo

2020년 11월 9일
·
0개의 댓글

[JQuery] AJAX

JQuery로 AJAX를 하는 방법을 소개한다.자세한건 구글에 검색해라 ㄱㄱ우선 AJAX통신을 위한 페이지가 하나 필요하다.이를 실행시키는 방법은 아래와 같다.나는 웹에서 페이지를 바꾸지 않고, DB를 변경,접속 하기위해 사용했다.

2020년 11월 9일
·
0개의 댓글
post-thumbnail

기술서재 - 1. 레이어 팝업 만들기

웹과 모바일에서 자주 쓰이는 레이어 팝업을 만드는 방법

2020년 11월 7일
·
0개의 댓글

Nov 05

According to this referencehttps://api.jquery.com/add(), remove()Use addClass and removeClasstoggletoggleClass : 번갈아가면서 addClass, removeClass를 실행

2020년 11월 5일
·
0개의 댓글

jQuery - 필터셀렉터(:) . :first :last :even :odd :eq :gt :lt :has :not

첫번째로 일치하는 요소를 가져온다.마지막으로 일치하는 요소를 가져온다.짝수번째 요소를 모두 가져온다 ( first index : 0 )홀수번째 요소를 모두 가져온다 ( first index : 0 ) 인자로 전달된 index에 해당하는 요소를 가져온다. ( first

2020년 11월 4일
·
0개의 댓글
post-thumbnail

NOV 02~03

Variable Java : variables have own types Javascript : variables does NOT have own types Java Javascript Array Javascript Array size can be changed

2020년 11월 3일
·
0개의 댓글
post-thumbnail

TIL. [javascript] Javascript vs Jquery (feat. Ajax, DOM)

내가 참고한 채팅창 구현 코드에는 $(document).on(){}을 이용한 이벤트 구현이 나온다. 이 부분이 궁금해서 좀 찾아보니 Jquery라는 라이브러리를 사용하는 방식이라고 한다.아직 Jquery를 잘 모르니.. 일단은 그렇게 알고 사용한다 치더라도, 순수 Ja

2020년 10월 31일
·
0개의 댓글

TIL - 20.10.27 (링크메모장)

링크와 코멘트를 적으면 해당 링크의 meta 태그 안에 이미지, 제목, 내용을 스크래핑해서 db에 저장하고,카드 형태로 보여주는 메모장 만들기 :

2020년 10월 27일
·
0개의 댓글