본문 바로가기

Frontend68

[JavaScript] 헷갈리지 말자! for loop 유형 (in, of) 화면단 스크립트를 짜면서 for 문을 도는데, 뭔가 이상하다 🤨 ... 왜 for loop 이 내가 원하는대로 안돌까 ... !!!!! 그 이유를 찾고, 앞으로 헷갈리지 않기 위해 작성하는 포스팅 :) 1. for in loop for in loop 는, for loop 를 "Index" 기준으로 돈다. 2. for of loop for of loop 는, for loop 을 "value" 기준으로 돈다. jQuery 대신 자바스크립트로 풀어야 할 땐 이 점 유의해서 원하는 for loop 를 사용하자 😉 2020. 3. 12.
[ReactJS] 천천히, 부지런히 배워본 후기 (feat.nomadcoders) ReactJS.. VueJS.. 핫한 프론트엔드 프레임워크인 2개를 평소에 배워보고 싶다는 마음만 존재했다. 하지만 !!! 이 마음은 니꼴라스 선생님을 만나 행동으로 실천할 수 있게 되었고, 덕분에 ReactJS 에 한 발 내딛을 수 있었다. 이 글은 Nomadcoders 페이지에서 ReactJS 강의를 완강한 후 작성한 회고입니다. 친절하고 유쾌하지만 설명을 맛깔나게 잘하는 니꼴라스 선생님 덕분에, 리액트를 배워볼 수 있었다. => 결과물 확인하기 # 정리 리액트로 간단한 페이지를 구현하면서, 사용되었던 lib 는 아래와 같았다. "dependencies": { "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.4.1", "@te.. 2020. 3. 7.
[jQuery] jQuery 3.1 핵심 release note 포스팅 제목은 "jQuery 3.1 핵심 release note" 이지만, 3.1 에 국한되어있는 release note 가 아니라, 기존 프로젝트에서 jQuery1.8 을 썼어서.. 정확히는 1.8 에서 3.1 로 업그레이드 했을 때의 주요 변경사항이다 ^^;; 작성자 기준으로 뽑은거니까 다른 분들도 궁금하면 jQuery.com 들어가셔서 직접 Release Note 보는거 추천드립니다! 1. indexOf 의 표준화 -> https://github.com/jquery/jquery/commit/53aa87f3bf4284763405f3eb8affff296e55ba4f not present 는 ` -1` at index 는 `===N` 2. jQuery.Numeric() 의 .. 2020. 1. 15.
[JavaScript] Ajax Error Callback 에서 this.~ 호출 주의 Ajax 통신 시 보통 에러 콜백을 설정해서 후단 처리를 진행하는데, 에러 콜백에서 같은 스크립트 파일에 있는 function 을 부르겠다고 this.~ 을 하게 되니 크롬에서 오류가 발생했음.. 이유는, this 를 걸어버리는 순간 'a' 가 아니라 'ajax' 를 바라보기 때문임... var a = { /* 알럿을 띄우는 function */ displayAlert : function(msg) { alert(msg); }, /* 여기부터 실행한다고 가정 */ init : function() { $.ajax({ url : ~~~ ... success : function() { console.log("success!"); }, error : function() { this.displayAlert("알럿을.. 2019. 10. 2.
[NodeJS] bcrypt 설치 404 오류 Windows10에서 node.js 로 bcrypt.js 설치하려니까 404 오류가 났다. 에러메세지 : 'Tried to download(404): https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.3/bcrypt_lib-v3.0.3-node-v64-linux-x64-glibc.tar' node-pre-gyp WARN Using needle for node-pre-gyp https download node-pre-gyp WARN Tried to download(404): https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.3/bcrypt_lib-v3.0.3-node-v6.. 2019. 9. 30.
[Javascript/jQuery] 현재 페이지 URL 가져오기 자바스크립트로 현재 보고있는 페이지의 URL 을 가져와야 하는 경우가 생겼다. 그 URL 을 변수에 담아서 파싱해야하는데, 먼저 location.href 타입이 뭔지 확인해봤다. 그래서 string 잘 뽑혀와지는지 아래와 같이 확인해봤는데 .. var location = location.href; console.log(location); ㅋㅋㅋㅋ 아니 페이지가 계속 새로고침 되잖아 ??? -> document.url 로 해볼까 ??? -> 동일하네 ?? -> 구글링 해봤는데 별 얘기가 없네 ? 무한 고민하다가 결국 jQuery로 적용했다 ;; => $(location).attr('href') var location = $(location).attr('href'); console.log(location);.. 2019. 9. 9.