본문 바로가기
  • 커뮤니티
  • 블로그
  • 북마크

전체보기757

[SASS]npm install node-sass 설치 에러, node.js 버전 확인 SASS 설치시 (npm install node-sass) 오류가 발생하면, 설치된 node.js 버전이 node-sass 버전을 지원하지 않을 가능성이 크다. node.js 버전이 호환되는 node-sass 버전표를 참고해보자. NodeJS Supported node-sass version Node Module Node 19 8.0+ 111 Node 18 8.0+ 108 Node 17 7.0+, 2023. 1. 18.
[VS Code]즐겨쓰는 웹프로그래밍 텍스트 편집 에디터 Visual Studio Code 웹퍼블리셔 일을 하면서, 다양한 프로그램을 사용했고, 현재도 여러 편집툴을 사용하고 있는데요. (깊숙히는 모릅니다. ㅎ) 예전에는 웹디자이너가 코딩까지 같이 했던 시절이 있었습니다. 웹표준이란 개념이 없어서 모두 레이아웃이 table로 제작할정도 였습니다. 그때는 화면을 보는게 편해서 드림위버를 사용했었습니다. 웹퍼블리셔로 일하면서 에디터플러스를 사용하다가, 맥은 에디터플러스가 없어서 서브라임텍스트를 현재도 사용하고는 있습니다만, 터미널을 연결해서 써야할 경우가 많고, 다양한 확장 프로그램이 있어서 업무용으로는 VS Code를 사용하고 있습니다. 드림위버, 에디터플러스, 서브라임텍스트, 브라켓, VS Code 을 사용하면서 어떤게 좋다 안좋다 보다 프로젝트 개발 환경에 맞는 에디터나, 본인이 사용하기에 .. 2023. 1. 17.
[사이트]사이트 순위(랭킹) 분석해주는 사이트 사이트를 운영하다보면 본인 사이트의 순위가 궁금하기도 하고 즐겨찾는 사이트의 순위는 몇등정도일까? 궁금할때가 있는데요. 사이트 순위(랭킹)을 분석해주는 사이트라 소개해드립니다. https://www.similarweb.com/ Website Traffic - Check and Analyze Any Website | Similarweb All in one Website analytics & competitive traffic intelligence platform - Compare website traffic and performance, analyze strategies & grow your market share! www.similarweb.com 순위를 알고싶은 사이트 주소를 입력하면, 나라별 접속 .. 2023. 1. 11.
[영화]영웅 안중근 의사와 싱크율 100%의 정성화 캐스팅의 탈월한 선택 역사에 대한 소재이기에 영웅 영화 개봉일을 기다렸는데요, 처음에 주연이 누구인지 모르고 많이 닮았네? 라고 생각했는데 뮤지컬 배우 정성화였네요. 포스터만 봐도 윤제균 감독의 정성화 캐스팅은 뮤지컬 영화에 맞게 탁월했다고 생각이 드네요. 영화 내용은 역사를 바탕으로 제작했기때문에 따로 설명이 필요하진 않을거 같습니다. 개인적으로 제가 좋아하는 배우 김소은이 등장해서.. 먼저 정성화는 개그맨 출신이었는데 뮤지컬을 하게 되었는데요, 개그맨이란 이미지가 아직 남아있었는데, 영웅 영화를 통해 개그맨 이미지가 없어진듯합니다. 노래, 연기, 감동까지 재미있게 봤습니다. 배정남이 출연해서 어울릴까? 라는 생각도 했는데 감초역할을 나름 잘 소화한거 같습니다. 영웅 한글 예고편 영화를 통해 안중근 의사에 대해 좀더 자세히.. 2022. 12. 30.
[나스]시놀로지 NAS에 웹서버 구축하기 5탄(Data 파일 및 DB 자동백업 하기) 시놀로지 NAS에 웹서버 구축하기 5탄 - 사이트 Data 파일 및 DB 자동백업 하는 방법입니다. 사이트를 운영하다 보면 백업은 필수인데요. 설명하기 쉽게 사이트 도메인이 test.com 이라고 가정하겠습니다. 폴더 구조가 test > www 안에 파일들이 존재하고 www가 사이트에 루트라고 하겠습니다. 사이트내 파일(데이터)들은 www 안에 존재하기 때문에 www 폴더를 통째로 백업을 하게 되며, 데이터 파일 백업과 함께 DB도 백업을 할것입니다. 물리적으로 시놀리지 volume1에 웹서버를 구축했다면, 백업은 volume2에 할것입니다. 즉, volume1 (HDD)가 문제가 생겼을때 백업파일은 다른 볼륨(volume2)에 백업하는것입니다. (포인트는 웹서버 볼륨과 백업 볼륨이 달라야 하는것입니다... 2022. 12. 24.
[영화]실망시키지 않은 아바타2 물의길 영화 후기 아바타1(감독판 포함)을 수없이 많이 봤을 정도였다. 그만큼 아바타2를 오랜시간 기다렸는데 개봉하자 마자 보게 되었다. 제작비 한화 4~5천억이 들정도로 스케일이 대단했고, 러닝 타임이 3시간 12분정도 된다. 퇴근 후 9시에 시작해서 12시10분정도에 끝이 났다. 졸릴만도 한데 어찌나 집중이 되던지.. 아바타1편이 숲속이었다면, 이번엔 바다에서 벌어지는 전투씬이다. 2편이 나오기까지 13년이 걸렸는데, 그동안 제이크 설리의 자식들도 같이 자란듯 싶다. 아바타2는 한국에서 14일에 제일 먼저 개봉했고, 20억 달러(한화 약 2조 6,760억 원)의 수익을 올려야 손익분기점을 넘는다고 한다. 요약 줄거리 1. 제이크 설리는 13년동안 네명의 자식도 낳고, 잘살고 있다. 2. 어느날 하늘 사람들(인간)이 판.. 2022. 12. 15.
[Mac]맥북 벤투라(Ventura)에서 크롬 자동실행 해제하기 맥북 부팅시 자동으로 크롬이 실행되는걸 해제하는 방법입니다. Mac OS Ventura 기준입니다. 시스템 설정 > 일반 > 로그인 항목에 접근합니다. 검색 박스에 '로그인 항목'으로 검색하셔도 됩니다. 로그인 항목 > 로그인 시 열기에 'Google Chrome.app'를 선택하시고 '-'를 눌러서 삭제합니다. 2022. 12. 4.
[javascript]유튜브 탭메뉴 별로 다르게 호출 (반응형포함) 하나의 영역에서 탭을 누르면 유튜브 영상이 탭별로 다르게 노출되게 하는 방법입니다. 먼저 script 를 사이에 삽입합니다. // youtube function getVidID(param) { var r = /(?:watch\?v=(.*)|youtu\.be\/(.*))/g; var match = r.exec(param); return match[1] ? match[1] : match[2]; } var frameBase = ''; var vidObj = [ "https://youtu.be/ktmvMZyVzWk", // data-idx 0 주소 "https://youtu.be/Decc1Apa-bU", // data-idx 1 주소 "https://youtu.be/DRJBGE-Zqj8", // data-idx.. 2022. 12. 2.
[HTML]ios(아이폰)에서 video 태그로 mp4 영상 삽입시 재생안될때 해결방법 아이폰에서 mp4 영상을 바로 호출하면 재생이 되나, video 태그로 삽입시 재생이 안되는 문제입니다. 먼저 video 태그의 속성을 살펴봅시다. 아이폰에서 autoplay 실행시 playsinline 를 추가하면 전체화면 전환없이 바로 재생이 됩니다. 즉 autoplay 를 넣을경우 playsinline 를 같이 넣어줘야한다는 의미입니다. 그래야 아이폰에서 영상이 제대로 보여집니다. autoplay : 자동재생 playsinline : IOS 자동재생 그리고 자동재생을 하기 위해서는 muted(음소거) 도 같이 넣어줘야합니다. 예제) 영상이 안보일시 포스터도 넣어보세요. 썸네일 사이즈가 맞지 않는다면 CSS에 poster 사이즈를 100%로 줍니다. video[poster]{width:100%} 2022. 11. 29.
[Mac]맥북 덮개열때 자동 부팅 해제하기 맥북을 덮개를 열면 자동으로 부팅이 됩니다. 덮개를 연다는것은 컴퓨터를 하는것으로 판단을 해서인지 자동부팅이 되는데요. 원하지 않은 부팅은 가끔 불편함으로 다가옵니다. 그래서 자동부팅을 해제하는 방법입니다. 터미널을 여시고 아래 명령어를 입력해주세요. 자동 부팅 끄기 sudo nvram AutoBoot=%00 자동 부팅 켜기 sudo nvram AutoBoot=%03 2022. 11. 26.
[크롬]내 pc에 구글애드센스 광고가 안나올때 모바일이나 다른 컴퓨터에서는 잘보이던 구글 애드센스 광고가 내 pc에서 나오지 않을경우 크롬 브라우저에서 광고를 차단하는 확장 프로그램이 활성화 되어있지 않은지 확인해보세요. 여러 광고 차단해주는 확장 프로그램이 있지만 저같은 경우는 Bitdefender Anti-tracker 을 사용하기에 해당 프로그램을 비활성화 해주었습니다. 크롬 브라우저 주소창에 chrome://settings/ 입력 후 확장 프로그램에서 확인하시면 됩니다. 2022. 11. 25.
[Vue.js]vue 시작하기 - 설치 및 실행 맥(Mac) 기준으로 설명하겠습니다. vue를 시작하려면 vue js를 설치해줘야합니다. 그전에 node.js 를 먼저 설치해주세요. 설치방법은 vs code 에 터미널이나 맥 기본 프로그램 터미널을 이용하시면 됩니다. 저는 편집툴을 vs code를 이용하기 때문에 vs code 터미널을 사용하겠습니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free an.. 2022. 11. 25.
[Vue.js]vue 설치시 sudo: npm: command not found 에러 문구 해결방법 맥북에서 vue 설치시 터미널에서 sudo npm install -g @vue/cli 명령어를 입력하면, sudo: npm: command not found 문구가 나올때 해결 방법입니다. 여러가지 방법이 있겠지만, 해결이 안될경우 node js 공홈(https://nodejs.org/ko/)에서 .pkg 파일을 다운받아서 설치를 해주세요. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 그리고 sudo npm install -g @vue/cli 명령어로 실행하면 제대로 설치가 됩니다. 2022. 11. 25.
[고프로]고프로11 개봉기, 사용후기, 기타 악세서리 리뷰 고프로11이 출시되자마자 공홈에서 구매했는데 이제서야 후기를 남기네요. 먼저 저같은 경우 구매전 여러글과 유튜브등을 보고난 후 구매를 결정한거라 공홈에서 구매하게되었습니다. 공홈에서 구매할 경우 A/S 받기가 쉽지않다고들 하는데, 찾아보시면 방법이 어렵지만은 않으니 공홈에서 구매하시는걸 추천드립니다. 그리고 첫구매 + 구독까지하면 고프로와 악세서리까지 저렴하게 살수 있습니다. 배송은 5일도 안걸렸습니다. 세금, 관세 및 수수료까지 해도 국내에서 사는거 보다 몇십만원 절약할 수 있습니다. 개봉기 고프로를 처음 구매해서 인지 많이 기다려지긴 했습니다. 제가 구매한건 유튜브 촬영을 감안해서 미디얼 모듈과 자전거를 타면서 촬영을 위해 스포츠키트까지 구매했습니다. 메모리카드는 공홈에서 사면 비싼감이 있어서 별도로.. 2022. 11. 23.
[Mac]아이맥, 맥북 트랙패드에서 세 손가락으로 드래그 기능켜기 맥에서 트랙패드로 창을 세 손가락으로 드래그할때나 텍스트 블록씌울때 설정입니다. 구지 손가락을 누르지 않더라도 세 손가락으로 할때 편리합니다. https://support.apple.com/ko-kr/HT204609 Mac 트랙패드에서 세 손가락으로 드래그하는 기능 켜기 세 손가락 제스처를 사용하여 항목을 드래그하는 기능은 Force Touch를 지원하는 트랙패드의 옵션입니다. support.apple.com 시스템 설정에서 손쉬운 사용메뉴를 선택합니다. 우측 마우스와 트랙패드 부분에 '트랙패드 옵션'을 클릭합니다. 트랙패드 옵션에서 드래그 스타일을 세 손가락으로 드래그하기를 선택합니다. 2022. 11. 20.
반응형

티스토리툴바