728x90 반응형 전체 글81 [Github] Vue 프로젝트 Github Pages 배포하기 서론사이드 프로젝트를 갭라하면서 프론트엔드 부분을 어디에 배포할지 고민하다가무료로 사용할 수 있는 Github Pages를 활용하기로 한다.최대한 신속하게 퍼블리싱하는 것이 목적이라 Vue 프레임워크를 선택하였으며, 원본 소스는 Private로 관리한다.배포는 build 결과물을 업로드하자Vue 프레임워크를 활용하게 되면 .vue 파일을 사용하게 된다.당연하게도 웹 브라우저는 해당 파일을 바로 컴파일하지 못한다.npm run build : dist 폴더 내 컴파일된 정적 파일을 생성 후 활용하자.build 후 dist 폴더가 생성된다면, dist 폴더 내 모든 파일을 github.io 레포에 push 해주면 된다. Github Pages는 자동 배포?{github ID}.github.io 레포지토리를.. 2024. 8. 28. [SMTP] 수신 메일에서의 hover, onmouse 기능 미지원 이슈 서론메일링 서비스를 개발하던 도중, 태그에 hover 기능으로 background 색상을 변경하려고 했다.local 및 웹 서비스에서는 정상적으로 동작되나, SMTP를 통한 수신 메일에서는 해당 기능이 미동작하여 관련 내용을 정리해본다.기능 PoConmouseover, onmouseout 기능 동작 확인메일링 반영네이버 메일 : 반영 안됨구글 메일 미리보기 : 반영 됨구글 메일 전체보기 : 반영 안됨관련 취약점 Researcher Finds CSS-Only Method to Track Mouse MovementsAs users become more concerned about their privacy and being tracked online, they have begun to use ad block.. 2024. 8. 28. [Node] Mac M1 -> Intel 마이그레이션 시 bad CPU type in executable 서론금번 맥북을 새로 구매하면서 선택 미스로 M1 CPU가 아닌 Intel CPU를 선택하게 되었다.마이그레이션 작업을 진행하고 여러 패키지에서 bad CPU type in executable 이슈가 발생하였는데,그 중 Vue를 사용하려다가 발생한 Node 패키지에 대한 이슈를 정리해본다.관련 패키지 삭제M1 CPU를 사용하는 패키지를 우선적으로 삭제하려고 한다.brew uninstall node : node 패키지를 삭제하려고 하니 아래와 같은 에러가 발생한다.Error: No such keg: /usr/local/homebrew/Cellar/nvmbrew uninstall --force node : force 옵션을 통해 강제로 node 패키지를 삭제하였다.패키지 재설치brew install -v.. 2024. 8. 27. [Mac] 크롬 브라우저 새로고침 단축키 F5 설정 서론강력 새로고침은 모든 기기에서 Shift + Ctrl + R, Shift + Command + R로 동작한다.일반 새로고침은 윈도우에서는 F5이지만, 맥북에서는 Command + R 등으로 윈도우와 동일하게 동작하는 설정을 진행한다.시스템 설정 - 키보드 - 키보드 단축키기능 키 - F1, F2 등의 키를 표준 기능 키로 사용 ON앱 단축키 - + - Google Chrome.app, 페이지 새로고침, F5 설정메뉴 제목 : 크롬 - 보기 - 페이지 새로고침 과 동일해야 한다. 2024. 8. 13. [Mac] 맥북-윈도우 키보드 단축키 동기화 설정 서론맥북을 사용하면서 윈도우용 키보드를 연동할 순간이 있다.윈도우 키보드의 Alt 키를 command 키로 교체하여 command + space 조합키 등을 원할하게 사용할 수 있도록 설정해보자.시스템 설정 - 키보드 - 키보드 단축키 - 보조키목표 : 맥북 키보드 상 control, option, command 순서 동기화Control = Control시작 = OptionAlt = Command 2024. 8. 13. [Infra] 서버 구성도 정리 방법 서론생각보다 많은 회사에서 관리하고 있는 On-Premise, Cloud 환경에서의 서버(인스턴스 및 Native 등)에 대한 정보를 도식화하여 관리하고 있지 않다.엑셀로 정리하는 것을 넘어, 도식화를 통해 서버 및 네트워크에 대한 기본 의존 관계를 확인하고 신속한 대응이 가능한 환경으로 개선하는 것이 좋지 않을까 생각해본다.서버 분류 체계서버 분류 체계는 서버의 목적, 성능, 물리적 구성, 운영 체제, 서비스 제공 방식 등에 따라 다양하게 구분된다.1. 목적에 따른 분류웹 서버(Web Server): 웹 페이지를 제공하고, HTTP/HTTPS 요청을 처리하는 서버. 예: Apache, Nginx.데이터베이스 서버(Database Server): 데이터베이스 관리 시스템(DBMS)을 통해 데이터 저장 및.. 2024. 8. 8. 이전 1 2 3 4 5 ··· 14 다음 728x90 반응형
