분류 전체보기30 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. [PHP] 외부 이미지 서버에 저장 페이지 링크 서비스 제작 및 기타 페이지 공유 서비스 제작시 ogg tag와 함께 이미지도 함께 가져와야 할 때가 있습니다. 단순히 해당 페이지의 오리지널 이미지 링크를 저장하는 방법도 있지만, 아무래도 이미지는 자체 서버에 저장을 해 놓아야 이미지 삭제나 변경시 별도 대처가 없어도 되겠지요. 이번 시간엔 다른 주소에 있는 이미지를 서버에 저장시 필요한 코드 구성입니다. $imgLink = "https://test.com/page/image.jpg"; // 파일명 가져오기 $linkArray = explode("/", $imgLink); $filename = $linkArray[count($linkArray)-1]; // 확장자명 가져오기 //$ext = strtolower(pathinfo($imgLi.. 2022. 10. 8. 테슬라 웹사이트와 동일한 화면 스크롤링 구현 오늘은 테슬라 웹사이트의 전체 화면 스크롤링을 따라해보겠습니다. 마우스휠로 현재 보이는 화면 전체가 스무스하게 스크롤링되는 기능으로 스냅 스크롤링이라고 부르는데요, 별도의 스크립트없이 CSS만으로 간단하게 구현이 가능합니다. 아래 영상처럼 화면이 스크롤되는 기능으로 꽤 많은 웹사이트에서 사용하는 기능입니다. scroll-snap-type 속성을 이용하면 위아래, 좌우 방향으로 적용가능합니다. 자, 그럼 테슬라 홈페이지와 동일하게 위아래로 자연스럽게 스크롤링되는 방법을 알아봅니다. scroll-snap-wrapper 클래스를 가진 div 를 만든 후 그 안에 section 클래스 div 를 만들어 줍니다. 이제 html 기본 구조가 준비가 되었으면 스크롤링 적용을 위해 아래 스타일을 추가해줍니다. .scr.. 2022. 10. 7. [PHP] 헤더 meta 태그 가져오기 사이트를 제작하다보면 meta tag 정보를 필요로 할때가 있습니다. 페이지 제목, 내용, 이미지 등 주요 정보는 특히 페이지 공유를 위해서는 필수적인 요소입니다. 카카오톡을 통해 주소를 입력하면 페이지 정보가 미리 보여지는 것이 대표적인 예라고 하겠습니다. 2022. 9. 30. Responsive Web 이란? 최근 웹의 화두는 모바일이라고 말할 수 있다. 다양한 디바이스의 출현으로 웹사이트의 플랫폼 지원이 이제는 사이트를 운영하는 모든 이들에게 고민거리가 되었다고 말할 수 있다. 스마트폰의 대중화로 인해 불어닥친 모바일웹은 이제는 단순한 모바일 플랫폼을 뛰어넘어 사용자들에게 정확한 경험을 제공하기 위해서 고민하기 시작한것이다. 현재 대부분의 웹사이트들은 PC와 모바일웹을 별도로 구성하여 사용자의 디바이스에 맞는 최적의 환경을 제공하여 주기 위해서 노력을하고 있다. 하지만 PC따로 모바일따로, 거기다가 모바일의 경우 스마트폰과 태블릿으로 나누어진다. 테블릿은 또 어떤가? 7인치, 10.9인치, 8.9인치 등등.. 제 각각으로 이것만 합해도 벌써 3-4가지의 이상의 디바이스를 지원하기 위한 타입의 사이트를 만들어.. 2012. 8. 8. 이전 1 2 3 4 5 다음
