전체 글28 HTML, CSS 무한 롤링, 흐르는 텍스트 마우스 오버시 텍슽 색상이 변하면서 일시 정지됩니다. CSS 스타일 .marquee-text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 2rem; font-weight:300; color: #000000; } .marquee-text:hover { color: #999999; } .marquee-text:hover .marquee-wrap { animation-play-state: paused; cursor: pointer; } .marquee-wrap { animation: textLoop 10s linear infinite; padding-right: 1.4881v.. 2024. 2. 6. 2024년, 웹사이트에 반응형 유튜브 비디오 추가하기 유튜브 영상을 웹사이트에 넣기위한 방법은 여러해 동안 다양한 방법이 동원되었습니다. 하지만 이제 아래 코드만으로 반응형 웹페이지까지 한번에 처리 가능합니다. CSS 마크업 .video-container { position: relative; padding-bottom: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 비디오 태그 종횡비 속성 CSS 추가하기 .video { aspect-ratio: 16 / 9; width: 100%; } 마지막으로 iframe에 클래스(.video) 를 적용합니다. .video 클래스명은 원하대로 수정가능합니다. 이상 반응형 웹사이트까지 .. 2024. 2. 5. AWS Ubuntu Apache2 Rewrite AWS 의 모든 서비스 설정을 마치고 짧은 주소 사용을 위한 아파치2 rewrite 설정 방법입니다. mod_rewrite 활성화 아파치는 설치시 rewrite 모드가 설치는 됩니다. 하지만 비활성화되어 있습니다. 따라서 a2enmod 명령어를 사용하여 모듈을 우선 활성화를 시켜줍니다. sudo a2enmod rewrite 이제 활성화되었습니다. 정상적인 실행을 위해서 아파치를 다시 실행시켜줍니다. sudo systemctl restart apache2 이제 mod_rewrite 가 완전히 활성화되었습니다. 다음 단계로는 .htaccess 파일을 생성하여 원하는 셋팅을 추가로 하면 완성입니다. 2022. 10. 12. AWS 리눅스에 APM 설치하기 AWS 인스턴스를 생성 후 리눅스까지 정상적으로 설치 후 SSH 쉘로그인 접속이 되었다면 APM 설치를 위해 우선 root 권한으로 전환하겠습니다. $sudo -s 전환이 정상적으로 이루어지면 아래와 같이 root로 전환되어 나오게 됩니다. root@ip-172-12-3-456: 이제 본격적으로 설치를 하면되는데요, PHP서버는 PHP뿐만아니라 아파치와 Mysql도 설치해야합니다. 대게 APM 설치라거나 LAMP 설치라고 얘기하는데, L은 설치했으니 APM을 설치하도록 하겠습니다. 최신버전 설치를 위해 업데이트를 먼저 실행합니다. apt 업데이트 sudo apt update && sudo apt upgrade *설치중에 물어보는 화면이 나오면 무조건 y를 선택하면 됩니다. *명령어 맨앞 sudo는 roo.. 2022. 10. 11. AWS 리눅스, FTP 업로드 퍼미션 주기 아마존 리눅스 서버 기본 환경설정(아파치,PHP)이 끝난 후 파일을 업로드하려고 하면 에러가 나는 경우 아래와 같이 사용자 계정에게 권한을 부여해주시기 바랍니다. sudo chown -R user_id /var/www/html sudo chmod -R 755 /var/www/html user_id 부분에 권한을 부여할 계정 아이디를 적어주시면 됩니다. AWS에서 기본 설정이 끝난 경우 ubuntu 계정이 기본이므로 해당 아이디를 입력해주시면 되겠습니다. 2022. 10. 11. [Ubuntu] 관리자 계정으로 전환 아파치와 php mysql 등 모두 설치하고 나서 info.php 로 잘 설치가 되었는지 확인하기 위해 vi 편집후 저장하고 나오려는 순간 저장이 되지 않는 상황을 종종 마딱드릴것입니다. 다음과 같이 관리자 계정으로 일단 전환해야 vim 등 문서 작성, 수정, 저장이 가능합니다. sudo -s 2022. 10. 11. 이전 1 2 3 4 5 다음
