동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

홈페이지제작과 관련하여 여러분의 컴퓨터에 개발환경을 구축하는 방법을 소개합니다.

가장 중요한 텍스트 에디터를 소개해 드리고, 여러분의 컴퓨터에 웹서버가 구동되도록 제공되는 서비스를 소개합니다.

개발분야 소개

1) Front-end -, html, css, js (html:명사, css:형용사, js:동사)

2) Back-end -, Node.js, PHP, Python, Ruby, C#, Java, Go, Server, DB, ...

3) DevOps -, OS, Cloud, CI/CD, Terminal, Managers, Web Servers, Containers,Mysql, MongoDB,...

4) library/framework,..

-, jQuery, Angular, React, Vue.js, Webpack, Sass, Bootstrap, Ruby on Rails, Express, Django, Laravel, ....

텍스트 에디터 소개 및 설치

-, Atom (https://atom.io/)

-, Sublime Text (http://www.sublimetext.com/)

-, Visual Studio Code (https://code.visualstudio.com/)

-, Notepad++ (https://notepad-plus-plus.org/)

-, Editplus (https://www.editplus.com/)

-, Brackets (http://brackets.io/)

-, Aptana (http://www.aptana.com/index.html)

-, Emacs (https://www.gnu.org/software/emacs/)

-, Vim (https://vim.sourceforge.io/)

로컬개발환경 소개 및 설치

-, WampServer(http://www.wampserver.com/en/) : Apach, MySQL, PHP

-, MAMP (https://www.mamp.info/en/) : My Apache - MySQL - PHP

-, XAMPP(https://www.apachefriends.org/index.html) : Apache + MariaDB + PHP + Perl

-, MS Webmatrix (https://www.microsoft.com/web/downloads/platform.aspx)

-, 오토셋 (http://autoset.net/xe/)

-, Bitnami WAMP (https://bitnami.com/stack/wamp)

-, Laragon(https://laragon.org/) OS와 분리된 아주 강력한 개발환경 제공

MAMP 소개

-, 사이트 접속하여 다운로드후 설치합니다.

-, 기본 설치시 (c:\MAMP\htdocs) www 초기 폴더…

-, MySQL 관리 : http://localhost/phpmyadmin

-, virtual domain을 위해서는 유료서비스를 받아야

-, htdocs아래 폴더를 추가하여 여러 프로젝트 수행 가능

Laragon 소개

-, 64비트 운영체제만 설치 가능

-, 다양한 언어 프로젝트 가능 (apm, ruby, node, python, java, golang, …)

-, virtual host 기본 제공 (http://***.dev)

-, 기본 db관리 (HeidiSQL). phpmyadmin을 사용하고 싶을 경우

https://www.phpmyadmin.net/ 접속하여 phpMyAdmin-X.X.X-all-languages.zip을 c:\laragon\etc\apps에 phpMyAdmin 폴더로 압축을 풀어줍니다.

http://localhost/phpmyadmin

아래 동영상은 Laragon소개 및 설치과정 그리고 그누보드5, 라온보드 등의 설치 예를 보여줍니다.

개발환경준비 > 실전홈페이지제작

개발환경준비

페이지 정보

댓글목록 0

웹학교

메인메뉴

고객센터

회원영역

회사정보