Front-End/Javascript
-
NVM Window 설치 및 사용방법Front-End/Javascript 2022. 11. 27. 17:00
nodejs나 react 사용 시 팀 프로젝트를 진행하다 보면 github에서 프로젝트를 내려받고 npm install & npm start를 한 순간 오류가 와장창...? 나오는 경험을 해보셨을 수도 있습니다. 이 순간 제일 짜증 나는 건 왜 나만 안돼?? 그러게요... 분명 깃헙 소스 제대로 받고 모듈 설치하고 실행만 했을 뿐인데 다른 팀원들은 똑같이 해서 잘만 나오는데 왜 나만 안되는걸까요?😂 그 해답은 nodejs 또는 npm 버전 충돌 문제에 있습니다. (저는 npm install시 package-lock.json 파일이 완전히 바뀌어서 알게 되었습니다.) 아마, 이런 경험을 해보신 분들은 기존에 또 다른 프로젝트에서 다른 버전의 nodejs와 npm을 사용하셨을 겁니다. 이럴 때는 기존의 no..
-
jquery ajax 호출시 Request Url 파라미터 뒤에 언더바(_) 붙는 이유Front-End/Javascript 2022. 2. 21. 17:43
서버의 API 호출시 개발자도구( F12 )에서 네트워크탭 XHR 부분을 확인해보면 Request URL parameter부분에 언더바("_")가 붙는 경우가 있습니다. 실제 개발코드를 보면 서버에서도 클라이언트에서도 "_"를 넣어준적이 없는데 이 녀석은 어디서 나타난 것일까요?? 언더바("_")는 제이쿼리 API인 $.ajax 또는 $.getJSON 함수를 사용중이고 {cache:false} 옵션을 사용한 경우에 자동으로 생성됩니다. 그 이유는 브라우저의 caching 기능을 방지하기 위해서 입니다. 브라우저 캐시란? 브라우저 캐시는 브라우저에서 로컬 웹 페이지 리소스를 저장하는 데 사용되는 메커니즘입니다. (캐시 : 빠른 억세스를 위해 값을 임시로 저장하는 데 사용; 작은 데이터베이스) 브라우저 캐시..
-
AJAX, Asynchronous Javascript with XMLFront-End/Javascript 2020. 9. 16. 11:45
Ajax 정의 (XML을 이용한) 비동기식 자바스크립트 HTTP 통신을 자바스크립트를 이용하여 비동기식으로 수행하는 것 자바스크립트로 HTTP요청을 보내고 XML 또는 JSON 파일 형식으로 응답을 받는 기술 자바스크립트의 내장객체인 XMLHttpRequest 를 사용 Ajax 사용 예 ) 이미 사용중이거나 탈퇴한 아이디입니다. (onblur, onfocus 이용 // onblur에 Ajax사용) 처음에는 안보여주다가 버튼클릭시 가져오는식으로 사용할때(게시판+댓글) +XHR 객체 XMLHttpRequest 객체 AJAX 통신을 하기 위한 자바스크립트 기본 내장 객체 IE 예전버전에서는 존재하지 않는 객체이며 ActiveX를 이용해 구현된다(크로스브라우징 처리가 필요) 개발자 도구 네트워크 > 콘텐츠 형식..