D.evelop111 [Node.js] Mac 에서 NVM설치하기 * 주의) 필요할 때 다시 확인용. 막캡쳐, 대충 기록이라 큰 도움은 안될 수도. NVM (Node Version Manager) 설치 이유 : 기존 프로젝트들의 node.js의 버전이 내 PC에 설치된 버전과 달라 실행이 되지 않을 경우가 있다고 한다. NVM을 설치하면, 필요한 node.js 버전으로 변경하며 사용할 수 있다고 한다. 1. 기존 설치된 node 제거 sudo npm uninstall npm -g uninstall 후에도 찌꺼기들을 지워줘야한다고 한다. ➜ ~ sudo rm -rf /usr/local/lib/node Password: 이런식으로 하면 된다고 하는데, 되고 있는지 아닌지 모르겠어서 일단 다 적어봄. 2. NVM 설치 https://github.com/nvm-sh/nvm G.. 2022. 5. 23. [Vue.js] CLI 생성 * 주의) 막캡쳐, 대충 기록이라 큰 도움은 안될 것입니다. Vue CLI 생성하기 https://cli.vuejs.org/guide/ npm install -g @vue/cli-init 완료 나는 vue2로 세팅 npm run serve npm rum serve라고 써버렸는데, 실행은 됐다고 한다.😅 2022. 4. 20. [JavaScript] 오늘 하루 보지 않기 (cookie) JavaScript를 사용하여 '오늘 하루 보지 않기 팝업' 구현하기 '오늘 하루 보지 않기' 체크박스 선택 후 닫음 > 오늘 하루 보지 않기 '오늘 하루 보지 않기' 체크박스 해제 후 닫음 > 페이지 접속 시 마다 계속 보이기 See the Pen Untitled by KANG DAN (@kangdanne) on CodePen. const btnClose = document.querySelector('.btn_close'); const popupMask = document.querySelector('.popup_mask'); const popup = document.querySelector('.popup_wrap'); btnClose.addEventListener('click', function(){ .. 2022. 4. 11. [Chrome 개발자 도구] 네트워크 패널 DevTools - Network 구글 크롬 개발자도구 Chrome DevTools Network panel ::용도 리소스가 예상대로 다운로드 또는 업로드되고 있는지 확인해야 하는 경우 리소스가 실제로 업로드되거나 다운로드되고 있는지 확인합니다. HTTP 헤더, 콘텐츠, 크기 등과 같은 개별 리소스의 속성을 검사합니다. 네트워크 요청시 보여지는 내용들 [자료] Developers Chrome https://developer.chrome.com/docs/devtools/network/ 인프런 강의 "Vue.js 시작하기 - Age of Vue.js" https://www.inflearn.com/course/age-of-vuejs 캡틴 판교 - 프런트엔드 개발자가 알아야하는 HTTP 프로토콜 Part 1 https://joshua1988... 2022. 3. 16. video태그 - 자동 재생 autoplay에 대한 방법과 생각 페이지에 접속함과 동시에 '영상이 자동재생'되게 해달라는 요청을 받았습니다. 'autoplay넣으면 됐던거 같은데, 모바일에서는 자동재생 안됐던 것같은데?'등등의 기억을 더듬어 코드를 수정! 했으나 실패하여 0부터 다시 다 찾아봐야만했던 슬픈 이야기. [처음 전달 받았던 코드의 ux flow] 1. 재생 버튼을 클릭하면 2. 영상이 담긴 레이어 팝업이 뜨면서 3. 해당 영상이 자동 재생된다. [요청 사항] 1. 페이지 접속 시 메인화면 상단의 영상 자동 재생 2. 영상의 소리도 재생 [결론] 1. 자동 재생 시킴 2. 구글 정책 설명 후 소리 muted로 타협 1. 자동 재생 되지 않은 사례 https://developer.chrome.com/blog/autoplay/ Autoplay policy in .. 2022. 3. 15. [Git] Window에 Git세팅하기 (window terminal 설치) 1. Window terminal(터미널)을 설치합니다. Microsoft : https://docs.microsoft.com/ko-kr/windows/terminal/install Windows 터미널 설치 Windows 터미널을 설치하고 설정하는 방법을 알아봅니다. docs.microsoft.com 필수는 아닌 거같으나, mac에서의 terminal사용이 편했던 기억으로 설치했습니다. 2. Git 설치 https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git.. 2022. 2. 8. [Yarn] Window에서 yarn 설치 확인 안될 때 (PowerShell) yarn 설치 후 버전 확인을 하려는데 다음과 같은 오류 발생 + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 1. Windows PowerShell을 관리자 권한으로 실행 2. 실행 정책을 '비제한'으로 설정 ExecutionPolicy // 현재 설정 확인 Restricted // 제한 상태 --> 이걸 비제한. 즉, 허용상태(Unrestricted)로 바꿀 것 Set-ExecutionPolicy Unrestricted // 실행정책을 세팅하겠다. "Unrestricted"로 ~~~~ (y / n) // 경고 알림 (허용할래? / 취소할래?) Y // 허용 ExecutionPo.. 2022. 2. 8. [Vue.js] Component 컴포넌트 전역 컴포넌트 지역 컴포넌트 2022. 2. 4. 이전 1 2 3 4 5 6 7 8 ··· 14 다음
