웹 개발 툴

본 포스팅은 Back-end 개발 입문과 홈페이지 제작 기술 기반 마련을 위한 공부자료입니다.
Django 공식 문서와 MDN web docs를 참고자료로 작성됐습니다.

https://www.djangoproject.com/
https://developer.mozilla.org/ko/docs/Learn/Server-side/Django

---

목표

• 웹 사이트 편집 및 업로드 시 필요한 소프트웨어 구성품에 대한 이해

---

개요

• 웹 개발에 필요한 툴
  • 웹 페이지 생성 및 편집에 필요한 툴
  • 웹 서버에 파일을 업로드 하기 위한 툴
  • 웹 페이지를 보기 위한 툴
• 거의 모든 운영체제는 기본적으로 텍스트 에디터와 웹 브라우저를 포함하고 있기 때문에 보통 웹 서버로 파일을 전송할 소프트웨어가 필요합니다.

---

웹 페이지 생성 및 편집

• 웹 사이트 생성 및 편집에는 텍스트 에디터가 필요하다.
• 텍스트 에디터
  • 무서식의 텍스트 파일을 생성하고 수정
  • RTF(en-US) 같은 다른 포맷은 볼드체와 같은 포맷을 추가하게 되므로 웹 페이지를 쓰는데 적합하지 않다.
  • 이런 에디터는 간단하지만 웹 페이지 코딩에 필요한 기능이 부족하기 때문에 이를 해결하기 위해 구문 색표시, 자동완성, 섹션 접기, 코드검색 등 추가 기능이 있는 서드-파티 에디터를 사용한다.
• 에디터 종류

  운영체제	내장 에디터	Third-Party 에디터
  Windows	Notepad	Notepad++
  		Visual Studio Code
  		Web Storm
  		Brackets
  		ShiftEdit
  Mac OS	TextEdit	TextWrangler
  		Visual Studio Code
  		Brackets
  		ShiftEdit
  Linux	Vi (All UNIX)	Emacs
  	GEdit (Gnome)	Vim
  	Kate (KDE)	Visual Studio Code
  	LeafPad (Xfce)	BracketsShiftEdit

---

웹 사이트 배포

• 웹 사이트를 배포하기 위해서는, 웹 서버에 웹 페이지를 업로드 해야 한다.
• 이를 위해 여러 제공자들에게 서버를 대여받아 웹 사이트를 배포할 수 있다.
• 무료 기본 FTP 클라이언트 종류

  운영체제	FTP 소프트웨어	공통
  Windows	WinSCP
  	Moba Xterm
  Linux	Nautilus(Gnome)	FileZilla
  	Dolphin(KDE)
  Mac OS	Cyberduck

---

웹 사이트 보기

• 웹 사이트를 보기 위해서는 웹 브라우저가 필요하다.
• 대부분의 사람들이 사이트를 잘 이용하기 위해서는 주요 브라우저에서 테스트 해야한다.
• 주요 브라우저
  • 파이어폭스
  • 크롬
  • 인터넷 익스플로러
  • 사파리
• 몇몇 브라우저는 특정한 운영체제에서만 동작하기 때문에 테스트가 복잡하다.
  • Browsershots, Browserstack 같은 서비스를 이용해 테스트한다.
  • 또는 가상 머신을 설치해 테스트한다. ( modern.ie와 같은 툴 )

---

Reference

https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_software_do_I_need