전체보기 879
og 태그 미리보기 이미지 넣기
og 태그를 이용해 링크의 미리 보기 이미지, 설명, 제목을 넣어보겠습니다. 1. og 태그 og 태그를 이용한 미리 보기 화면 og 태그가 무엇이냐면 위의 이미지처럼 카톡이든 어디서 링크를 보낼 때 미리보기로 나오는 이미지, 제목, 설명을 설정해주는 태그입니다. html에 메타태그로 추가해주시면 됩니다. - og 태그 사용 이 메타태그 3줄을 복사해서 og 이미지 넣기 위의 코드처럼 넣었는데 이미지가 뜨지 않으신다면 flask 설치가 안되어있어서 그럴 수도 있습니다. flask를 설치해주시거나 간단하게 위의 예시처럼 이미지 주소를 그냥 적어주세요. 이상으로 og 태그를 이용해 미리 보기 이미지를 넣는 방법을 알아보았습니다. 도움이 되셨다면 공감과 댓글, 구독을 부탁드립니다. [같이 보면 좋은 포스팅] ..
인스턴스 원격 접속
인스턴스 원격 접속 코드를 알아봅시다. 1. Git Bash Git Bash 열기 먼저 git bash를 열어주세요. 없다면 설치해줍니다. GIT 설치하기 - 코드 입력 인스턴스 원격 접속 코드를 입력합니다. ssh -i /d/work/web/006-sparta/spartakeypair.pem ubuntu@3.38.95.77 ssh -i (키 페어 경로) ubuntu@(인스턴스 퍼블릭 IP) 띄어쓰기에 유의해서 입력해주시면 됩니다. - 인스턴스 IP 붙여 넣기 인스턴스 IP를 넣어줄 때는 복사 후 Ctrl+V가 아닌 [마우스 오른쪽 클릭 > Pate]를 이용해서 붙여 넣어주세요. 보시는 바와 같이 단축키가 다릅니다. - 2. 인스턴스 원격 접속 완료 인스턴스 원격 접속 이런 화면이 뜬다면 인스턴스 원격 ..
컬러 피커 설치 하기
컬러 피커를 설치해보겠습니다. 크롬 브라우저 혹은 웨일 브라우저에서 가능합니다. 1. 크롬 확장 프로그램 https://chrome.google.com/webstore/category/extensions?hl=ko Chrome 웹 스토어 Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요. chrome.google.com 컬러 피커 검색 크롬 웹 스토어에 접속한 뒤 검색창에 컬러 피커를 검색합니다. - 컬러 피커 선택 원하는 확장 프로그램을 선택하면 됩니다. 저는 가장 위에 있는 컬러 피커 앱을 설치하겠습니다. - 2. 컬러 피커 설치 Chrome에 추가 컬러 피커 앱을 선택한 뒤 Chrome에 추가 버튼을 클릭합니다. 3. 사용 방법 컬러 피커 사용하기 브라우저 왼쪽에 확장 앱..
파일질라 다운로드 (무료 FTP)
파일질라 프로그램을 다운로드 받아보겠습니다. 파일질라는 무료 FTP 프로그램으로 서버로 파일을 업로드해주는 프로그램입니다. 1. 파일질라 다운로드 https://filezilla-project.org/download.php Download FileZilla Client for Windows (64bit x86) Download FileZilla Client for Windows (64bit x86) The latest stable version of FileZilla Client is 3.58.0 Please select the file appropriate for your platform below. Please select your edition of FileZilla Client FileZilla ..
파이썬 flask 설치 (파이참)
파이썬 flask 설치를 진행해보겠습니다. 파이썬 flask는 파이썬 프레임워크 중 하나로 파이참에서 진행합니다. 1. 세팅 Settings 파이참에서 파이썬 프로젝트를 만들었다면 [File > Settings] 메뉴를 클릭합니다. 맥을 사용하신다면 [Pycharm > Preferences] 메뉴입니다. - Python Interpreter 세팅 창이 열렸다면 왼쪽 메뉴에서 [Project: 프로젝트 이름 > Python Interpreter] 메뉴를 클릭합니다. 프로젝트 이름은 파이썬 프로젝트를 만들 때 설정해주신 이름이라 각자 다를 겁니다. - 2. 파이썬 flask 설치 설치 버튼 Python Iterpreter에 들어오시면 위쪽에서 + 버튼을 발견할 수 있습니다. 왼쪽 위나 오른쪽 위에 있습니다...