웹사이트, 앱을 제작하기 위해서는 웹호스팅과 도메인 등 기본 2개의 서비스를 받아야 합니다.
여러분이 html, css 등을 이용한 코딩연습을 내 컴퓨터에서 하는 것만은 실무적인 부분과 먼 연습으로 끝나는 시간일 것입니다. 안정적인 서버환경의 저장공간에 자료를 업로드하고 이용할 수 있는 웹호스팅은 필수 입니다. USB처럼 제한된 공간에 웹문서와 관련된 소스들이 리눅스, 윈도우즈 서버의 운영체제로 설치가 되고 전용회선, 안정적인 트래픽과 보안이 된 원룸임대업자에게 1년단위로 공간이용 계약을 하고 들어가서 사는 것과 같은 공간사용을 웹호스팅이라 합니다. 웹호스팅의 운영을 위해서 파일전송 프로토콜의 공간을 이용하는 FTP라는 프로그램의 사용을 통해서 올리고, 내리고 운영에 필요한 시점에 업데이트를 하는 것입니다.
보기좋게 나만의 이름을 갖는 것은 도메인 으로 별도 일정한 기간동안 abc.com처럼 정해놓은 쉽고 기억하기 좋은 영문이름의 브라우저 입력 주소가 도메인인 셈입니다.
자세한 내용은 아래 파일질라 사용팀 배너를 클릭해서 알아보자
FTP 파일질라 사용팁
파일질라는 지난 게시물에 웹사이트 개발을 위한 웹호스팅 공간인 서버와 내컴퓨터를 일정한 계정을 부여받아서 접속하는 프로그램으로 소개한 바있다. 이번시간에는 웹사이트 개발을 위해 파
oztv.tistory.com
App Template_Band_v2
위 AppTemplate_Band_v2.zip 파일을 다운로드 후에 Home 폴더에 붙여놓고 설계시 활용하세요. 압축을 알아서 잘 풀어보면 w3images는 삽입된 이미지들이 있습니다. 2개의 웹문서가 있는데... index.html은 슬라이드 이미지 3개로 구성된 원페이지형식의 반응형 웹앱 소스입니다. index2.html는 유튜브영상 하나로 메인 비쥬얼 요소를 처리한 결과물입니다.
<iframe src="https://www.youtube.com/embed/8iKcc-wA2ZI?autoplay=1&mute=1&controls=0"></iframe>
위 소스중에 embed/jOTfBlKSQYY?autoplay=1&mute=1&controls=0 (붉은색의 공유영상URL만 교체)
?autoplay=1 (자동재생은 1, 아님은 0) 음소거 mute=1 콘트롤러 보기 controls=0
스플래쉬(Splash) 활용
도메인연결 후 스플래쉬(Splash)로 활용해서 index.html에서 자동으로 5초후 해당된 디렉토리로 이동을 원할 때는 아래 메타태그를 head문의 상단에 주로 활용합니다. 이런 이동없이 스플래쉬에서 디렉토리간 이동을 원할때는 그림형태의 아이콘을 클릭해서 해당 디렉토리 이동을 하는 사례도 많습니다. 아래 메타태그중 루트(/)와 디렉토리가 있다면 상대경로 주소로 간편히 이동됩니다. 절대경로는 외부url이나 정확한 이동을 원할 때 (프로토콜 http 포함) 주로 사용합니다.
<head>
<meta http-equiv="refresh" content="5; url=http://oztv21.ivyro.net/home"></meta>
</head>
Web Hosting & Domain
웹호스팅과 도메인은 소유할 수 없는 것 최소는 몇개월에서 1년 이상단위로 결제를 해서 연장하여 사용하는 것입니다. 대부분 해당 웹호스팅 서비스를 이용할 경우 유료 및 무료 도메인(id.해당 서비스회사 도메인)을 줍니다.
유료 웹호스팅
정식으로 상업적인 목적으로하는 경우는 Cafe24.com을 이용하는 것을 추천합니다. 웹호스팅 비용도 저렴하고 유료회원에게 무료디자인 소스를 일부 제공합니다.
카페24
무료 쇼핑몰, 유튜브 쇼핑, 마켓/SNS 판매, 엔터프라이즈 서비스, 해외 쇼핑몰, 광고마케팅, 호스팅 등 제공
www.cafe24.com
비상업적이고 웹/앱관련 포트폴리오를 이용하는 경우는 아래 국내 3개 무료호스팅 서비스 중에서 1개의 서비스를 이용하시기 바랍니다. 정상적인 사이트 유지를 위한 것이 아닌 100~200mb단위의 저장공간 무료웹호스팅으로 그야말로 Web Portfolio를 위한 공간으로 생각해야 합니다. 아래와 같은 포폴페이지 구성이 가능합니다.
Free 01 우비닷컴 - 무료웹호스팅
우비닷컴 무료호스팅 100M, 무기한(연장사용없음), 그누보드 및 워드프레스 설치 가능, 도메인 최저가
http://woobi.co.kr/sub1_01_guide.html
우비 - 무료 웹 호스팅, 웹 호스팅, 도메인 최저가
woobi.co.kr
◆ 무료웹호스팅을 확인하며 신청하시고, 회원계정과 다른 도메인의 앞이름이 되니 간편하고 쉽게 중복확인을 통해 정하고 무료도메인이며 호스트주소가 됩니다. 웹호스팅의 계정아이디는 중간에 못바꾸니 간결하고 입력하기 쉬운 홈페이지 도메인을 잘 정해서 진행하세요.
◆ 또한 명심할 것은 DB, FTP 비밀번호 등은 회원정보와 물론 다른 정보이니 메보장 등에 잘 정리해 주시기 바랍니다. 신청후에는 마이페이지에서 서비스 내역조회 메뉴를 통해서 도메인과 일부 계정 정보를 확인할 수 있습니다. 도메인 이름을 클릭해서 더 상세한 정보를 볼 수 있습니다.
신청한 내역을 볼 수 있으며 여러 정보가 길게 리스트형태로 뜨는 데, 특히 FTP정보를 꼭 확인하세요. FTP라는 파일전송 프로토콜을 통해서 출입하고 자료를 주고 받는 것입니다.
아래와 같은 무료 도메인을 통해 스마트문화앱, 포폴로 활용가능한 개인적인 목적의 작은 One page 소스 웹사이트를 유지할 수 있음
OZfolio
창의적인 모션그래픽 클라이언트의 니즈와 트랜드를 반영한 창의적인 모션그래픽을 구현합니다.
oknok70.woobi.co.kr
스마트폰의 카메라 기능, 혹은 QR코드 리더로 아래 QR코드를 인식시켜서 반응형웹 원페이지를 보시기 바랍니다. 웹호스팅으로 셋티된 URL을 ☕️ MQR 홈페이지에서 아래와 같이 QR코드를 여러분도 받아서 직접 확인들 해보세요.
Free 02 아이비호스팅 - 무료웹호스팅
무료호스팅 100M. 우비와 유사하지만, 6개월 마다 단위 연장해야 유지됨, 그누보드 및 워드프레스 설치 가능
https://www.ivyro.net/html/webht/free/
:: 아이비호스팅 - 참 좋은 호스팅 ::
무료 호스팅 설치비 무료! 가입비 무료! 부담없이 쉽고 빠르게 이용해보세요.
www.ivyro.net
Free 03 닷홈 - 무료웹호스팅
무료호스팅 200M, 역시 기간이 줄어서 3개월마다 단위 연장해야 유지됨, 그누보드 및 워드프레스 설치 가능
https://www.dothome.co.kr/web/free/
닷홈 호스팅
닷홈은 도메인, 무료 웹호스팅, 웹빌더, 메일호스팅, SSL보안인증서, 서버호스팅, 코로케이션 등 다양한 호스팅 서비스를 제공하고 있습니다.
www.dothome.co.kr
'UI UX(Web)' 카테고리의 다른 글
| 스마트 문화 앱 구현(8.17) (0) | 2023.08.17 |
|---|---|
| 스마트문화앱 UI디자인(8.9) (0) | 2023.08.10 |
| 스마트문화앱 UX설계(8.2) (0) | 2023.08.02 |
| FTP 파일질라 사용팁 (0) | 2023.07.31 |
| Web 03. 하이퍼링크, 아이디와 클래스, 폰트어썸 & 구글아이콘 (0) | 2023.07.31 |
