프로그래밍/server10 이미지 최적화를 위한 HTML코드 alt text (alt description) 추가 이부분은 성능이 아닌 accessibility 향상을 위함 그래픽의 기능과 모양에 대한 정확한 맥락정보를 제공하는 대체 텍스트 일반적인 사용자뿐만이 아니라 장애가 있는 사용자들도 콘텐츠에 접근하도록 도움으로 접근성 향샹을 도움. 이미지의 순위를 상승히키고 더 많은 사용자를 끌어들이는 요소. 이로 인해 이미지 로드가 지연될때 대체 텍스트를 통해 어떤 이미지인지 알 수 있게 된다. 콘텐츠의 일부가 아닌 페이지의 외관을 향상시키기 위해서만 존재하는 배경 이미지에는 role 속서응로 "presentation"값을 지정해야한다. 참고 블로그 2022. 12. 7. 접속port를 영구적으로 바꾸는법 로컬 접속 포트를 영구적으로 3307번으로 바꾸기 SSH 터널링으로 3306번 포트에 접속했으니 나는 로컬에서 3307번 포트로 접속해주면 된다. 보통은 root에서 etc 폴더에 담겨있다는데 내 맥북은 m1칩을 가지고 있어서 없었다. 혹시 본인이 m1칩이 들어있는 맥북을 사용하고있고, homebrew로 mysql이나 mariadb를 설치했다면 opt 폴더에 담겨있다. /etc/my.cnf /etc/mysql/my.cnf /opt/homebrew/etc/my.cnf ~/.my.cnf 정 모르겠을때 shell에 다음 명령어를 입력하면 찾을 수 있다 $ mysql --verbose --help | grep my.cnf my.cnf 파일 안을 확인해보면 아무것도 설정한 것이 없기때문에 다음과 같이 나온다. $.. 2022. 12. 1. SSH 터널링 명령어 한번에 이해하기 SSH(Secure Shell Protocol)란? SSH 프로토콜(Secure Shell이라고도 함)은 한 컴퓨터에서 다른 컴퓨터로 보안 원격 로그인을 위한 방법입니다. 강력한 인증을 위한 몇 가지 대체 옵션을 제공하며 강력한 암호화로 통신 보안 및 무결성을 보호합니다. 보호되지 않는 로그인 프로토콜(예: telnet , rlogin ) 및 안전하지 않은 파일 전송 방법(예: FTP ) 에 대한 안전한 대안 입니다. (ssh 공식홈페이지) SSH 포트 포워딩, 일명 SSH 터널링이란 무엇입니까? SSH 포트 포워딩은 클라이언트 시스템에서 서버 시스템으로 또는 그 반대로 애플리케이션 포트를 터널링하기 위한 SSH 의 메커니즘입니다. 방화벽을 통과 하는 레거시 응용 프로그램에 암호화를 추가하는 데 사용할 .. 2022. 11. 30. 우분투 서버에 mariadb 연결하기 & dbeaver 사용하기 기본 라이브러리 설치 대략적인 기본 세팅이 끝났기때문에 우분투 서버에 우선 기본 라이브러리들(nvm,node,npm)을 설치해놓았다. sudo apt update sudo apt upgrade -y sudo apt install -y build-essential sudo apt install net-tools sudo apt install curl ## nvm 설치 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash source ~/.bashrc ## nvm 버전확인 nvm --version ## nodejs LTS 설치 nvm install node --lts ## 설치된 노드 버전 확인 nvm ls node -.. 2022. 11. 25. AWS 우분투 서버 생성&배포&DB연결까지 전체적인 구조도 Linux Ubuntu 서버 AWS에 배포 (EC2) CloudFlare 도메인 세팅 Git 동기화 (ssh key 세팅) Nginx 세팅 Certbot 세팅 데이터베이스(MariaDB) 설치 및 세팅 + DBeaver 설치 및 세팅 API 서비스 런칭 (미정리) API 서비스 코드 업데이트 및 재런칭 (작성중) 2022. 11. 25. AWS로 생성한 퍼블릭 IPv4를 받아서 cloudflare 설정하기 cloudflare란 인터넷에서 운영되는 가장 큰 네트워크 중 하나다. 최대한 사용자와 가까운 곳에서 콘텐츠 및 기타 서비스를 제공함으로써 가장 빠른 시간 내에 정보를 얻을 수 있도록 하는 엣지 네트워크로 이루어져 있다. DNS와 내 IP 사이에 들어가서 DNS에서 보내는 요청을 cloudflare가 먼저 받는다. 그 중에서 필요한 요청만 내 IP에게 보내므로 서버의 부하를 줄일 수 있다. DNS란? 도메인 이름 시스템(DNS)은 사람이 읽을 수 있는 도메인 이름(예: www.amazon.com)을 머신이 읽을 수 있는 IP 주소(예: 192.0.2.44)로 변환한다. (참고 사이트) cloudflare 설정하기 IPv4 주소는 AWS에서 생성한 인스턴스를 클릭하면 볼 수 있다. 여기까지 설정하면 도메인.. 2022. 11. 24. github SSH keys 설정하고 우분투 서버와 동기화 하기 SSH(Secure Shell Protocol)란? 네트워크 프로토콜 중 하나로 컴퓨터와 컴퓨터가 인터넷과 같은 Public Network를 통해 서로 통신을 할 때 보안적으로 안전하게 통신을 하기 위해 사용하는 프로토콜이다. 대표적인 사용 예로는 데이터전송, 원격제어가 있다. 이 글에서는 원격제어라는 특성을 이용해서 AWS의 인스턴스 서버에 접속해서 SSH를 통해 해당 머신에 명령을 내릴 것이다. (참고 블로그) 서버에서 ssh-keygen 생성 $ ssh-keygen Git 동기화 git에 들어가서 Setting > SSH and GPG keys에 들어가 SSH keys를 새로 생성한다. 우분투 서버에서 다음 위치에 있는 authorized_keys를 읽으면 공개키를 볼 수 있다. $ cd ~./ss.. 2022. 11. 21. formData 객체란? formData란 HTML5의 form태그를 사용해서 input값을 서버에 전송했지만, 자바스크립트에서 FormData() 클래스를 사용해 똑같이 스크립트로 전송할 수 있다. 즉, HTML이 아닌 자바스크립트 단에서 폼 데이터를 쉽게 다루도록 도와주는 객체다. HTML에서 submit 제출동작은 Ajax를 통해 서버에게 제출한다. 하지만 HTML이 아니라 자바스크립트 단에서 form 전송동작이 필요한 경우가 있다. 이미지 같은 멀티미디어 파일을 페이지 전환없이 폼 데이터를 비동기로 제출하고 싶을때 자바스크립트로 좀더 타이트하게 폼 데이터를 관리하고 싶을때 이럴때 formData 객체를 이용한다고 보면 된다. 네트워크 메서드가 formData 객체를 body로 받는것이 formData의 특징이며, 이때 브.. 2022. 11. 16. Ubuntu 서버에 Nginx, Certbot 사용해서 SSL 연결하기 1. Nginx(엔진엑스) 설치 (공식 사이트) Nginx란? 경량 웹 서버로서 클라이언트로부터 요청을 받았을대 요청에 맞는 정적 파일을 응답해주는 HTTP Web Server로 활용된다. 또한 Reverse Proxy Server로 활용하여 WAS 서버의 부하를 줄일 수 있는 로드 밸런서로 활용되기도 한다. 1. 우분투 레포지토리 정보를 업데이트 해준다. $ sudo apt-get update 2. 패키지를 설치한다. $ sudo apt-get install nginx 3. 설치되었는지 확인한다. $ sudo nginx -v 2. Cerbot 설치 & 시작 (공식 사이트) Certbot은 수동으로 관리되는 웹사이트에서 Let's Encrypt 인증서(SSL certificates)를 자동으로 사용하여 .. 2022. 5. 20. AWS EC2 인스턴스 생성, ssh key.pem으로 서버 접속하기 AWS에 먼저 가입해야 다음 과정을 할 수 있다. ( https://aws.amazon.com/ko/ ) 1) 솔루션 구축 -> 버츄얼머신 런치하기 클릭 2) 인스턴스 시작 - 이름 생성 3) 사용할 어플리케이션 선택 (우분투) 난 우분투환경이 편해서 우분투를 선택했다. AMI는 22.04버젼을 골랐고, 프리 티어 사용 가능한걸 선택하면 된다. 4) 인스턴스 유형 고르기 시간당 요금이 나가므로 잘 보고 선택하자. ( 내가 선택한 요금은 인스턴스 하나당 750시간 무료. ) 보통은 이렇게 2개를 생성해서 필요할때마다 켜서 사용하고 사용하지 않을때는 끈다고 함다. 5) 키페어 선택 원하는 키 페어 이름을 작성하고 생성하기를 누르면 자동적으로 내 서버에 대한 키를 만들어준다 잃어버리면 재생성이나 찾기 기능을 .. 2022. 5. 16. 이전 1 다음
