본문 바로가기

분류 전체보기325

Vue Devtools 로컬 file 경로에서 사용하는 방법 Vue Devtools 로컬 file 경로에서 사용하는 방법 로컬 file:// 경로에서 Vue.js 개발을 진행할 때, Vue Devtools를 설치했지만, Download the Vue Devtools extension for a better development experience 와 Vue.js not detected 가 뜨면서 Vue Devtools 가 제대로 실행되지 않을 때 해결하는 방법을 알려드리도록 하겠습니다. 위와같이 Vue Devtools를 설치하고 Vue.js 를 사용하고 있지만, 설치한 Vue Devtools Extension은 Vue.js not detected 라고 하고, Console에는 Download the Vue Devtools extension for a better .. 2021. 2. 26.
Vue.js 설치 방법 및 프로젝트 생성 시작 방법 Vue.js 설치 방법 및 프로젝트 생성 시작 방법 Vue 는 웹 어플리케이션을 제작을 위한 Front-end Framework로 React, Angular 와 함께 정말 많이 쓰이고 있는 프레임워크입니다. React와 Angular의 장점만을 가져와서 만들어졌고 가볍고 강력한 기능을 많이 가지고 있으며 배우기도 비교적 쉽다고 많이 알려져있습니다. 저희 회사에서도 현재 Vue를 사용하고있는 프로젝트가 있는데요. Vue를 설치하고 프로젝트를 생성하고 실행하는 방법을 알려드리도록 하겠습니다. Vue 설치 npm install vue 위 명령어를 통해 vue를 설치합니다. Vue-cli 설치 npm install -g @vue/cli yarn global add @vue/cli 위 명령어 둘중 하나를 사용해 .. 2021. 2. 25.
JavaScript 진수 변환 방법 JavaScript 진수 변환 방법 JavaScript 에서 진수 변환하는 방법을 알려드리도록 하겠습니다. 10진수에서 n진수로 변환하는 방법 var decimal = 1023; var binary = decimal.toString(2);// 2진수로 var octal = decimal.toString(8);// 8진수로 var hex = decimal.toString(16);// 16진수로 위 코드를 보시면 바로 아시겠지만, {{10진수}}.toString(n) 를 사용해 10진수를 원하는 n진수로 변환하실 수 있습니다. n진수에서 10진수로 변환하는 방법 var binary = "1111111111"; var decimal = parseInt(binary, 2);// 2진수에서 10진수로 var oc.. 2021. 2. 24.
How to check jQuery version - jQuery 버전 확인 방법 How to check jQuery version - jQuery 버전 확인 방법 jQuery version 확인 방법을 알려드리도록 하겠습니다. jQuery().jquery $().jquery 방법은 여러가지가 있겠지만 모두 같은 버전을 확인하는 방법이라 위 두가지 방법만을 알고계시면 됩니다. 위 두가지 방법은 모두 같은 버전값을 알려줍니다. ※ jQuery를 사용할 때 $()를 많이들 사용하실 텐데요. 다들 아시겠지만 jQuery()는 $()을 사용할 수 있게된 버전 이전에 jQuery를 사용하던 방식이니, 최신 버전을 사용하고있지 않으신 분들은 $()가 사용되지 않을 수 있는 점 참고하시면 되겠습니다. 도움이 되셨다면 공감, 댓글 부탁드립니다! 궁금하신 점이나 요청사항은 언제든지 말씀해주세요! 피드.. 2021. 2. 23.
npm Upgrade 방법 npm Upgrade 방법 npm 업그레이드 하는 방법을 알려드리도록 하겠습니다. npm Update 방법 1. npm -v 명령어로 현재 버전을 확인해봅니다. npm -v 2. npm install -g npm 명령어로 npm을 재설치 하여 npm을 업데이트 합니다. sudo npm install -g npm 다시 npm -v 명령어로 버전을 확인하면 업데이트 된것을 확인하실 수 있습니다. 도움이 되셨다면 공감, 댓글 부탁드립니다! 궁금하신 점이나 요청사항은 언제든지 말씀해주세요! 피드백도 언제나 환영입니다! 감사합니다. 2021. 2. 22.
Node.js Upgrade 방법 Node.js Upgrade 방법 Node.js 업그레이드 하는 방법을 알려드리도록 하겠습니다. Node.js Update 방법 1. node -v 명령어로 현재 버전을 확인해봅니다. node -v 2. npm cache clean -f 명령어로 npm 캐시를 제거합니다. npm cache clean -f 3. Node.js 업데이트는 Node.js 버전을 관리하는 n 이라는 모듈을 사용해서 할 수 있습니다. npm install -g n 명령어로 Node.js 버전을 관리할 수 있는 n이라는 모듈을 설치합니다. npm install -g n 4. n 모듈을 사용해 node.js 를 설치합니다. n 명령어와 함께 원하는 버전을 입력하면 됩니다. n stable : 안정 버전 n latest : 최신 버전.. 2021. 2. 20.
Window용 키보드를 Mac 맥 키보드로 설정하는 방법 Window용 키보드를 Mac 맥 키보드로 설정하는 방법 Window용으로 나온 키보드를 Mac 키보드로 설정하여 사용하는 방법을 알려드리도록 하겠습니다. 맥에 Window용 키보드를 연결하여 사용할 때, Alt 키가 위치상 Command(⌘) 키여야 하고, Window키가 위치상 Option(⌥) 키여야 하는데 그 반대로 되어있어서 당황하셨을 겁니다. 그럼 해결방법을 알려드리도록 하겠습니다. Window용 키보드 Mac 맥 키보드로 설정하는 방법 1. 우측 상단 Apple 메뉴를 클릭하여 시스템 환경설정을 열어줍니다. 2. 키보드를 클릭하여 키보드 설정으로 들어갑니다. 3. 보조 키 버튼을 클릭합니다. 4. 키보드 설정을 변경할 키보드를 선택합니다. 5. Option 키를 Command 키로, Camm.. 2021. 2. 19.
git You must use a personal access token with 'read_repository' or 'write_repository' scope for Git over HTTP, Authentication Failed 해결 방법 GitLab You must use a personal access token with 'read_repository' or 'write_repository' scope for Git over HTTP, Authentication Failed 해결 방법 Gitlab에 있는 프로젝트를 clone 하려고 할때, remote: HTTP Basic: Access denied remote: You must use a personal access token with 'read_repository' or 'write_repository' scope for Git over HTTP. remote: You can generate one at http://xxx/profile/personal_access_tokens fa.. 2021. 2. 18.
Python Django AttributeError: module 'jwt' has no attribute 'decode' or 'encode' 해결 방법 Python django AttributeError: module 'jwt' has no attribute 'decode', AttributeError: module 'jwt' has no attribute 'encode' 해결 방법 AttributeError: module 'jwt' has no attribute 'decode' AttributeError: module 'jwt' has no attribute 'encode' Python Django 프로젝트에서 볼 수 있는 에러입니다. 간단하게 PyJWT 모듈 설치로 해결할 수 있습니다. pip install PyJWT PyJWT를 설치해도 되지 않을 시 jwt, PyJWT를 모두 지우고 다시 PyJWT를 설치하신 뒤 시도해보시면 되겠습니다. pip .. 2021. 2. 17.
JavaScript MutationObserver 사용 방법 - HTML Dom 변경 감지 방법 JavaScript MutationObserver 사용 방법 - HTML Dom 변경 감지 방법 JavaScript에서 HTML 요소의 변경을 감지할 수 있는 MutationObserver라는 기능을 알려드리도록 하겠습니다. 웹 개발에서 HTML 요소를 감지하여 처리해줘야 할 때가 있습니다. 그럴때 굉장히 유용하게 사용할 수 있는 기능입니다. 또한 Google Optimize를 사용할 때도 굉장히 유용하게 사용할 수 있는 기능이니 마케터 분들께서도 알고 계시면 좋은 기능입니다. 먼저 MutationObserver 를 사용하는 기본 코드부터 보여드리도록 하겠습니다. // 감지할 타겟 var target = document.getElementById('target'); // 변경을 감지했을 때 실행할 부분 .. 2021. 1. 22.
AWS에 Cafe24 도메인 연결하는 방법 - Route 53, EC2, Elastic Beanstalk AWS에 Cafe24 도메인 연결하는 방법 - Route 53, EC2, Elastic Beanstalk AWS의 EC2, Elastic Beanstalk 등에 도메인을 연결할 때, 카페24에서 구입한 도메인을 사용하는 방법을 알려드리도록 하겠습니다. 1. AWS Setting 먼저 AWS의 Route 53에서 호스팅 영역을 생성합니다. 호스팅 영역 생성에서 자신이 구매한 도메인명을 입력하고 호스팅 영역 생성 버튼을 클릭하여 호스팅 영역 생성을 완료합니다. 호스팅 영역 생성이 완료 되었고 이제 A 레코드를 생성해야 합니다. 레코드 생성 버튼으로 레코드 생성을 시작합니다. 라우팅 정책은 단순라우팅 선택, 레코드 이름에는 아무것도 입력하지 말고 그대로 비워두시고, 레코드 유형은 A 선택, 값에는 IP 주소를.. 2021. 1. 21.
Programmers 코딩테스트 연습 - 구명보트 (JavaScript) Programmers 프로그래머스 코딩테스트 연습 - 구명보트 (JavaScript) Programmers(프로그래머스)의 코딩테스트 연습문제 Level 2 중, 구명보트 문제를 JavaScript로 풀어보도록 하겠습니다. 문제 링크 : programmers.co.kr/learn/courses/30/lessons/42885 코딩테스트 연습 - 구명보트 무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 5 programmers.co.kr 문제 문제 설명 무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트.. 2021. 1. 20.

티스토리툴바