본문 바로가기

분류 전체보기

 (179)
[#. AWS] Mac에서 ssh로 AWS EC2 접속하기 윈도우를 사용할 때는 putty를 사용했었다 하지만 현재 Mac을 사용하고 있기 때문에 터미널에서 접속하는 방법을 시도해 보자 ① ssh key 생성 생성된 ssh key가 있는지 먼저 확인한다 > cat ~/.ssh/id_rsa.pub 나는 .ssh 폴더 자체가 없었고 저 경로에 생성된 key 파일이 없다면 key를 생성해 준다 ⑴ 명령어 입력 > ssh-keygen ⑵ Enter 2번 입력해서 넘어가 준다 Users/컴퓨터 이름/.ssh가 생성되었을 것이다 ② 가지고 있는 pem 파일을 ssh로 복사 > cp ~/.ssh/ ./ssh 폴더에 pem 키가 잘 복사되었을 것이다 ③ ~/.ssh로 복사한 pem 키 권한 변경 > chmod 600 ~/.ssh/[key 파일명].pem ④ ~/.ssh에 co..
[#. JavaScript] input maxlength 글자수 제한하기 input에 입력하는 텍스트 길이를 제한하려고 한다 2가지 방법에 대해 알아보자 ① maxlength 사용하기 ⑴ HTML 간단하다 하지만 아래와 같이 숫자가 먼저 올 때는 maxlength 제한이 어렵다 ② function 생성하기 입력한 텍스트가 maxlength를 넘었을 때 뒤에 오는 텍스트는 잘라서 다시 value값으로 넣는 function을 사용한다 ⑴ HTML ⑵ JS function handleInputLength(el, max) { if(el.value.length > max) { el.value = el.value.substr(0, max); } }
[#. JavaScript] js touch event 사용하기 touchstart, touchend, touchmove, 클릭할 시에는 이벤트 발생하지만 스크롤 시에는 이벤트 발생되지 않도록 하기 웹에서 삭제 기능을 구현하려고 할 때 상단의 삭제 버튼을 클릭하면 데이터1, 데이터2 등 리스트 옆에 삭제 텍스트가 뜨고 삭제 아이콘을 제외한 영역을 클릭했을 때는 삭제 아이콘이 사라지고 리스트를 스크롤했을 때는 삭제 아이콘을 유지하려고 한다 touchstart 터치를 시작했을 때 발생한다 touchmove 터치한 채 움직일 때 발생한다(스크롤) touchend 터치가 끝났을 때, 손가락을 뗐을 때 발생한다 JS let dragging = false; $(".wrapper").on("touchstart", function(e){ dragging = false; }); $(".wrapper").on("touchmove", function() { dragging = true; }); $(".wrapper")..
[#. ngrok] undefined is not an object (evaluating 'b.apply') error 해결하기 ngrok을 이용해서 디바이스 기기에서 제공 주소로 들어가 화면을 확인하는 데까진 성공했다 하지만 다른 페이지로 이동하려고 클릭하는 순간 발생했다 (Node + React 기준으로 React 페이지에서 발생) undefined is not an object (evaluating 'b.apply') safari에서 접근하면 뜨는 에러라고 한다 index.js 수정 const store = createStore(persistedReducer, compose( applyMiddleware(ReduxThunk, promiseMiddleware), window.navigator.userAgent.includes('Chrome') ?// 추가 window.__REDUX_DEVTOOLS_EXTENSION__ && w..
[#. ngrok] install failed ngrok error 해결하기 로컬 웹 서버를 모바일 디바이스에서 확인하기 위해 ngrok을 이용하려고 한다 ngrok NAT와 방화벽 뒤에 있는 로컬 서버 를 안전한 터널을 통해 공개 인터넷에 노출시켜 주는 도구 즉, 포트 포워딩과 같은 네트워크 환경 설정 변경없이 로컬에 실행중인 서버를 안전하게 외부에서 접근 가능하도록 해주는 도구 먼저 아래 명령어를 통해 ngrok을 설치하려고 했다 npm install -g ngrok 하지만 에러가 발생했다 ngrok@4.2.2 postinstall: `node ./postinstall.js` Failed at the ngrok@4.2.2 postinstall script. 서치해 보니 Mac에서만 발생하는 에러라고 한다 기본적으로 npm은 수명 주기 스크립트(예: postinstall)를 일..
[#. JavaScript] js에서 history.back() 여부 체크하기, 가져오기 웹 기준 페이지1에서 배너를 클릭해서 페이지2로 들어갔을 때 history.back()을 통해 페이지1로 돌아왔더니 API 요청을 하지 않는 경우가 발생했다 에러 메시지는 이렇다 Uncaught DOMException: Failed to execute ‘send’ on ‘XMLHttpRequest’: Failed to load history.back()을 사용했던 것 자체가 페이지1을 매번 다시 불러오는 걸 줄이고자 한 거였다 근데 검색해 보니 이때 bfcache라는 게 문제가 된다는 말이 있다 BFCache(Back-Forward Cache) HTML parsing 등 페이지를 구성하는 동작을 줄여 하지 않도록 하고, Javascript 상태를 저장했다가 다시 보여주는 기능이다 Safari, Firef..
[#. JavaScript] addEventListener is not a function 에러 해결 방법 js에서 클릭이나 스크롤 이벤트를 추가하려고 하는데 addEventListener is not a function 에러가 발생했다 getElementsByClassName() 를 사용해서 가져온 요소는 배열이다 그래서 getElementsByClassName()를 사용한다면 length만큼 for문을 이용하거나 아래처럼 하나일 경우 [0]번째 요소임을 명시해야 한다 var topDiv = document.getElementsByClassName("container"); topDiv[0].addEventListener("scroll", function() { alert("test"); });
[#. regex] regex 작성법, Regular expression 이제 복사해서 쓰지 말고 직접 작성해서 쓰자 input에서 숫자 혹은 한글만 작성 가능하게 하고 싶다 이때 regex를 사용해야 하는 경우가 꽤 많다 매번 숫자만, 영어만, 한글만 등 검색해서 사용하지 말고 직접 작성해서 사용하는 법을 알아보자 기호 뜻 | 또는 () 그룹 [] 캐릭터셋, 괄호 안의 어떤 문자든 [^] 부정 캐릭터셋, 괄호안의 어떤 문자가 아닐때 (?:) 찾지만 기억하지는 않음 ? 없거나 있거나(0 이상) * 없거나 있거나 많거나 + 하나 또는 많거나(1 이상) {n} n번 반복 {min,} 최소 {min,max} 최소, 최대 \b 단어 경계 \B 단어 경계 아님 ^ 문장의 시작 $ 문장의 끝 \ 특수 문자가 아닌 문자 . 어떤 글자(줄바꿈 문자 제외) \d digit 숫자 \D digit 숫자 아님 \w word 문자(영숫자 & ..

티스토리툴바