내가 보려고 만든 블로그

자바스크립트에서는 input 박스에 keyPress 를 넣어주면 되지만 이것도 역시 vue에서는 vue만의 방법이 있을거같아서 검색을 해보아따 🔍 pressEnterOnSearchFunc(event){ if(event.keyCode === 13){ console.log(event.target.value) } } 이러면 input 에서 Enter키를 입력했을때 input 박스에 있는 값을 출력한다! 이것도 굉장히 간단하게 해결할수 있었다. 그럼 안뇽 🙇🏻‍♀️👋

vue가 아닌 일반 자바스크립트에서는 글자 변경하는건했느데 vue는 vue만의 방식이 있을거같아서 검색을 해보았다! (자바스크립트로 할사람은 요기⬇️⬇️⬇️⬇️⬇️⬇️) 2020/01/06 - [WEB/JS] - [jquery] inputbox text 변경 실시간 감지 역시 vue만의 방식이 있더라🧏🏻‍♀️ #코드 searchChangeFunc(event){ console.log(event.target.value) } 잉게 끝이다. input 누르고 키보드 움직이면 내가 입력한 값이 콘솔에 잘 출력되는걸 볼 수 있다😄 뷰랑 자바스크립트 둘다 해본결과 뷰가 더 간단하고 편리한거같다! 이번에도 도움이 됬길 바라며 그럼 빠이빠이👋 #참고 구글 선생님들

항상 고정으로 정해두는게 아닌 동적으로 metatag를 넣구 싶을때?? 코드 $("meta[property='og\\:title']").attr('content', 'title'); $("meta[property='og\\:url']").attr('content', 'url'); $("meta[property='og\\:description']").attr('content', 'description'); $("meta[property='og\\:imageurl']").attr('content', 'imageUrl'); 얍 완성 끗 그럼 안뇽🙇🏻‍♀️

저번에 했던 카카오톡 링크 공유하기에 이어서 페이스북 링크 공유를 해보려구해요🤸🏻 카카오에 비해서 페이스북 도큐먼트가 별로 친절하지않았던 기억이 있어서 걱정을 많이했는데 생각보다 간단한거 같아서 놀랬어요 방법 1. window.open으로 공유하기 #코드 function shareFacebook(){ window.open('http://www.facebook.com/sharer.php?u=www.naver.com'); } 잉게 끝이라는거 🤭 솔직히 말이 안된다고 생각했느데 진짜 이게 끝이예요 #추가 저렇게만 넣으면 진짜 끝이긴한데 이쁘게 들어가지않아요 요로케 네이버처럼 이쁘게 넣구싶은데 현실은 이렇단 말이죠 네이버처럼 이뿌게 넣구싶을땐 저렇게 하면됩니다!! 메타태그에 추가해주기~.~ 페이스북 공식 페이지..

내가 지금 보고있는 게시글을 카카오링크로 공유하구 싶어서 만든 카카오링크 공유하기 1. 카카오 애플리케이션 만들기 (이미 있는 친구들은 넘기셔도 무관합니다) 그냥 간단하게 카카오 개발자홈페이지(https://developers.kakao.com/console/app) 들어가서 애플리케이션을 추가하면 완룡 2. 카카오 sdk 다운 및 추가하기 카카오 개발자 홈페이지에 있는 카카오 SDK 다운로드하기(https://developers.kakao.com/docs/latest/ko/sdk-download/js) 에서 원하는 SDK를 저장한뒤 넣어주자 3. 소스코드 4. 서버 콜백(추가) 카카오링크를 성공적으로 공유했는지 안했는지를 파악해야되는데 특별하게 success나 error 가 없었다 ㅠㅠㅠ 그래서 서버 ..

현재 URL을 라이브러리없이 클립보드로 복사하구싶을때?? function copyLink(){ let currentUrl = window.document.location.href; let t = document.createElement("textarea"); document.body.appendChild(t); t.value = currentUrl; t.select(); document.execCommand('copy'); document.body.removeChild(t); alart('복사가 완료되었습니다'); }

환경 ubuntu 20.04 php 7.4 nginx 팀장님이 아마존 aws ec2를 이용해서 새로운 ec2를 만들어 보라구 했다! 그래서 아마존 aws ec2에서 새로운 인스턴스를 만들고 환경설정을 했다 기록 안하고있다가 기록하고 있냐는 말에 놀래서 오랜만에 기록중,..😞 1. 우분투 os 업그레이드 및 업데이트하기 항상 최신버전으로 맞춰줘야한다고 했다! sudo apt update sudo apt upgrade 2. nginx 설치 nginx 를 설치하기전에 간단히 nginx가 뭔지 알고 넘어가자(실제로 물어봐서 당황했던 거ㅠㅠㅠ) Nginx? Apache처럼 웹서버 환경을 만들어주는 소프트웨어! 따라서 Apache 를 따로 설치 할 필요 없다! Nginx는 간단하게 설치할 수 있다. sudo apt..

환경 mac Os Catalina php 7.4 composer 1.9.1 PHP Fetal error: Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar:///usr/local/bin/composer.phar/src/Composer/DependencyResolver/Solver.php on 233 Fatal error: Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar:///usr/local/bin/composer.phar/src/Composer/DependencyResolver/Solv..

천천히 하면서 추가해야징(아마 여기없는 친구들은 검색하기 쉽거나 금방 찾을수있는 친구들일거야) 간단한건데 생각보다 오래걸렸다ㅠ 분명 시간지나면 까먹고 다시 검색하는데 시간 오래걸릴거같은 친구들... 항상 기억못하고 검색하는 친구들... 다중 클래스 체크된 갯수 구하기 $(".checkbox_class_name:checked").length 체크된 갯수만큼 출력!

vue에서 다른거 클릭했을때 사라지게 하고싶다! select box div로 만들때 다른거 누르면 사라지게하고싶고 그럴때! jquery 없이 간단하게 할수없을까? v-click-outline 을 쓰면된댱 키키키키 https://www.npmjs.com/package/v-click-outside 깃 업데이트도 얼마 되지않은 좋은 칭구다! 내가 잘못한걸수도있는데 저거 methods 에 함수 선언할때 매개변수 event나 e 없으면 오류나니까 조심하자!