본문 바로가기

분류 전체보기

 (179)
fetch() 함수 사용법 백앤드로부터 데이터를 받아오려면 api를 호출하고 데이터를 응답받습니다. 이 때 자바스크립트 Web API fetch() 함수를 쓰거나 axios 라이브러리를 사용할 수 있습니다. 참고로 Web API는 클라이언트 측에서 사용할 수 있는 자바스크립트 내장함수라고 생각하시면 됩니다. 실무에서는 여러 이유로 axios를 많이 사용하지만, fetch 함수로도 웬만한 기능을 충분히 구현할 수 있습니다. 이걸 읽고 계신 >wecode 분들도 4주차 과제까지, 그리고 1차 프로젝트 까지는 fetch() 함수를 사용하기를 권장 드립니다. axios 사용법도 굉장히 쉽습니다. fetch를 쓰다가 axios를 사용하는 것만으로는 사실 학습 의미가 없습니다. 어느 라이브러리를 더 써보았는지가 중요한 것이 아니라 http ..
[jQuery]동적 태그에 이벤트 바인딩하기 ​ $(document).on 과 $(document).ready 에 대해서 정리해보려고 합니다. ​ $(document).ready 가 무엇인가? $(document).ready(function(){ // click 이벤트 - 예시 }) 보통 위와 같은 형식으로 많이 쓰인다. 이 코드를 풀어 말하자면, DOM이 준비가 됐을 때 click이벤트를 시작하겠다는 뜻으로 간주할 수 있다. 이거 외에도 $(window).load 와 같은 경우도 있습니다. 이 경우는 window에서 모든게 load된 시점을 뜻합니다. ​ 문제는 동적으로 생성되는 엘리먼트들에 한해서는 해당 위에 적혀있는 내용부분이 반영되지 않는다는 것이다. ​ 여기서 동적이란 말은 무엇을 뜻하는가? - 보통 ajax를 통해 만들어지는 것들을 뜻한..
[IntelliJ] VCS(Git) 사용 시 느림, 멈춤 현상 조치 방법 [IntelliJ] VCS(Git) 사용 시 느림, 멈춤 현상 조치 방법 인텔리J를 사용하다보면 종종 Git같은 VCS를 사용할때 관련 작업이 너무 오래 걸리거나 무한 로딩에 빠질때가 있다. Adding Files to VCS... 파일을 Git에 add하던 중 멈춘 화면 Performing VCS refresh... 중 멈춘 화면 일단 Cancel/Skip을 눌러 작업을 취소하고 아래 조치 방안들을 하나씩 해보면서 VCS 작업을 다시 시도해보자. 1. Invalidate Caches and Restart File - Invalidate Caches / Restart... 클릭 Invalidate and Restart 클릭 2. VCS - Refresh File Status 프로젝트 루트를 선택한 상태에..
intellij github 계정변경 HTML 삽입 미리보기할 수 없는 소스 Intellij 에서 GitHub 의 계정이 2개로 되어있지만 안 되는 부분이 있어 터미널을 통해 변경을 진행하였는데 아래와 같이 진행이 되지 않았습니다..... 계속 최초 계정에서만 접근이 되고 두 번째 계정에서는 접속이 되지 않더라고요... 계속되는 삽질을 통해 알게 된 부분을 알려드립니다. 일단 제어판을 들어갑니다. 일단 제어판을 들어갑니다. -> 사용자계정 클릭 -> windows 자격 증명 git:https://github.com 의 진행하실 계정으로 편집후 진행하시면 정상적으로 계정변경을 확인하실 수 있습니다. 출처: https://ddoriya.tistory.com/entry/Intellij-에서-github-계정-변경하기 [또리야 개발하자] 나중에 이..
KT GIGA공유기 포트포워딩 하기 보통 Iot 작업을 하시는분들을 보면 다 iptime과 같은 공유기를 사용해서 공유기 설정을 하는것을 많이 보았다. 하지만 집에서 실습을 하다보니 집 공유기가 KT공유기이기때문에 아이디나 비밀번호의 초기설정때문에 접근이 힘들었음. 그래서 KT공유기에 대한 포트포워딩을 하는법을 기술해보겠슴!! 우선 http://172.30.1.254 또는 http://homehub.olleh.com 일반적으로 여기서 막히는데 iptime의 경우는 아이디도 admin 비번도 admin으로 초기비밀번호가 명시되어있는데 초반에는 검색해서 찾아본 ID: ktuser 비밀번호 : megaap 또는 skb-wifi 두가지 비밀번호가 해당이 안되었음. 아마 위 아이디 비밀번호를 찾아본데는 GIGA KT가 아닌 예전글이라 그런듯. GI..
[jQuery] jquery로 라디오버튼을 재 클릭해서 체크 해제 html의 input 태그의 타입의 종류중에 checkbox(체크박스)와 radio(라디오) 버튼이 있다. 이 글에서는 정의가 중점이 아니니 간략하게 설명하고 넘어간다! 버튼생성은 이런식으로 가능한데, 속성으로 name, value, checked를 설정할 수 있다. 이 두개의 타입은 비슷하나 차이점이 존재한다. * checkbox는 중복체크가 가능하고 체크를 해제할 수 있음 * radio는 중복체크가 불가능하고 체크를 해제할 수 없음 체크박스를 라디오버튼처럼 사용하는 예제는 많은데 라디오 버튼을 체크박스처럼 만드는 예제는 많이 없어서 공부하고 배운 토대로 코드를 올려본다. var beforeChecked = -1; $(function(){ $(document).on("click", "input[type..
[jQuery] 자식 요소를 찾는 children() , + find() jQuery를 사용하여 특정 선택자를 기준으로 자식 요소들을 어떻게 찾을 수 있을까? --> 바로 아래 요소, 즉 자식 요소만 탐색할때는 children()을 사용, 자식 및 하위 태그 모두에서 찾을 때는 find()를 사용 예시)) 다음과 같은 DOM이 있는 경우 첫번째 두번째 1. ul을 기준으로 자식 태그에 있는 li 태그를 찾고 싶을 때 --> children() 사용 $('ul').children('li'); // return 'li' 배열(li 두개) // 첫번째 li를 찾을때 $('ul').children('li:eq(0)'); /return 첫번째 li 2. ul을 기준으로 손자 태그에 있는 span을 찾고 싶을 때 --> find() 사용(children은 자식 태그까지만 찾을 수 있다)..
[jQuery] .eq() 사용 요소 찾는법 [jQuery] .eq() 선택한 요소의 인덱스 번호에 해당하는 요소를 찾습니다. .eq() 선택한 요소의 인덱스 번호에 해당하는 요소를 찾습니다. 문법(Syntax) $("선택자").eq("숫자"); 정의(Definition) 선택한 요소의 형제 중 숫자를 통해 선택합니다. 음수를 설정하면 끝을 기준으로 선택합니다. 비교(Compare) .eq() 선택한 요소를 메서드를 통해 선택합니다. :eq() 선택한 요소를 선택자를 통해 선택합니다. Sample1 .eq(index) 형제 요소 중에 숫자를 통해 선택할 수 있습니다. 결과 탐색(Traversing) .eq() 메서드는 선택한 요소에 인덱스 번호에 해당하는 요소를 찾습니다. .filter() 메서드는 선택된 요소에서 선택하거나 함수를 사용할 수 있습..

티스토리툴바