오늘은 FTP 프로그램 setup과 레이아웃 구성하는걸 포스팅할게요.

제가 사용하는 FTP 프로그램은 FileZilla프로그램이에요. 

웹호스팅을 하는곳에 접속해서 파일을 업로드 하게 해주는 프로그램입니다.

사용법은 구글링 추천드려요.

https://filezilla-project.org/download.php?platform=win64

[Layout]

Css  폴더

Img 폴더

Index.html 생성

오늘은 여기까지 진행해봤네요.

이제 준비는 거의다 끝났으니 하나하나 완성해 가봅시다.

한달동안 웹사이트를 제작하면서 만들면서 익힌 노하우?를 정리 해볼 예정입니다.

오늘은 그 첫번째, 준비 과정입니다.

1. 제작 툴 Setup

- Edit 프로그램은 본인 취향에 맞게 (HTML & CSS & Javascript등을 지원하는 에디터라면 ok)

전 Visual Studio Code를 사용합니다.

https://code.visualstudio.com/

2. Reference 사이트 

https://www.w3schools.com/

이제 준비가 대략적으로 마쳐졌습니다.

실제 웹사이트 제작은 다음 시간부터 할게요.

오늘은 웹사이트를 하나 개설해서 어떤 과정으로 개설을 했는지 내용 설명을 드릴 예정입니다. 

웹사이트의 목적은 여러가지일 수 있지만 제가 개설한 웹사이트의 목적은 회원유치를 통한

커플 매니징이 목적이에요. 

● 커플 매칭 서비스

    - 가입시 명함과 함께 프로필 기재 (본인 사진 3장 이상과 명함, 본인에 대해 자유롭게 서술)

    - 원하는 이상형 디테일하게 서술 (자유 양식,  이상형은 연예인을 예로 들거나 알기 쉽게 서술)

    → 최종적으로 남녀 회원의 이상형을 비교해서 유사한 회원간 매칭 시켜줌

크리스마스도 코앞이고 해서 웹으로 무작정 게시판 부터 만들어 보았습니다. 

(사실 앱으로 구현하고 싶었으나, DB쪽이 저한텐 어려운 부분이어서 웹으로 구현하기 쉬운 게시판으로 구현 했습니다.)

사실 만들었다라고 표현하기도 애매한게, 그냥 설치하면 되는거라서 어렵지 않게 해 보실수 있을거에요.

이후에 사이트를 어떻게 꾸미고, 운영하느냐부터가 진짜 어려운 부분일 거 같습니다.

1. 카페24 사이트 접속

   https://www.cafe24.com

   (회원 가입 과정은 생략합니다.)

2. 웹호스팅 신청

    - 저는 10G 광아우토반 Full SSD의 절약형 신청했습니다.

3. 게시판 설치

    - 첫번째 사진에서 보이는 우측상단의 '나의 서비스관리' → '호스팅관리'로 들어갑니다.

    - 왼쪽 메뉴의 '계정관리'  → '프로그램 자동설치'를 선택합니다.

    - 설치하고자 하는 프로그램 종류를 선택합니다. (저는 그누보드를 선택하여 설치하였습니다.)

    → ... 끝입니다, 어렵지 않죠?

       이제 마지막으로 사이트에 접속하여 설치가 잘 이루어졌는지 확인하는 절차만 남았네요.

4. 최종 확인 

     - 설치경로를 확인하여 사이트 접속을 해 줍니다.

     - 제 사이트는 'https://leafemelon.cafe24.com/' 입니다.

두둥!!! 썰렁하지만 게시판이 잘 나오고 있네요. 

회원가입 메뉴, 로그인 메뉴, 게시판, 통계 등이 보이고 기본적인 토대는

마련이 된 모습입니다. 

이제 본인만의 색깔로 꾸며가면 되겠죠? 

저도 열심히 제 생각을 구체화 시키고 구현해봐야겠습니다. 

다음 포스팅으로 만나뵐게요.