웹개발 환경 구축

꿈나무기록장·2021년 1월 3일
1

2021웹캠프정리

목록 보기
1/25
post-custom-banner

APM(Apache(웹 서버)+PHP(웹 프로그래밍 언어)+MySQL(데이터 베이스))을 위해

dothome에서 무료 호스팅 세팅
닷홈 무료호스팅 신청하기
이 창이 나오면 무사히 세팅이 완료된 것

로컬에서 파일등을 올리거나 다운받기 위해 ftp를 설치

  1. filezilla 설치 - 세팅하는 데에 정보가 더 필요하다면 여기로 가보자
  2. 다운 받은 filezilla를 실행
    호스트에는 주소를, 사용자명에는 웹호스팅 설정 정보를 입력할 때 적었던 FTP아이디를, 그리고 비밀번호에는 FTP비밀번호를 입력한다.
    html파일 아래로 들어가 확인차 사진을 한장 업로드

    올리고 난 후 자신의 주소 옆에 ‘/’와 함께 해당 파일 이름을 적어서 사진이 나온다면 확인 완료

웹페이지를 만들 때 사용할 Editor 다운로드

  1. visual studio code 사용을 위해서 다운도르
  2. Encoding 설정(Files: Encoding : utf8로 바꾸기)
  3. HTML 자동완성을 위해 HTML Snippets extension 설치
  4. sftp extension 설치 : ftp 설정
  5. 새 폴더 만들기
  6. f1>sftp:config 선택> 위와 같이 수정
  7. 저장하면 html파일이 불러진다. 이 후 작업창에 가서 서버에 있는 파일들을 로컬에 다운(앞으로 파일 생성 무조건 “html”아래!)
  8. .html파일에서 아래와 같이 치면 원하는 골격을 선택가능
  9. 내용 작성 후 그냥 저장만 하지 말고 파일을 upload해주어야 서버에 올라감!
  10. 잘 올라갔는지에 대한 확인은 아래에서 가능
profile
초보자가 기록하는 곳
post-custom-banner

0개의 댓글