original source : https://youtu.be/vHYh-m4iXw4

기본적으로 macOS에는 apache, php가 준비되어있다. mysql, phpmyadmin은 따로 설치해주어야 한다. 

— Steps: 

  •  sudo apachectl start 
  •  sudo nano /etc/apache2/httpd.conf 
  •  remove # before #LoadModule php5… 
  •  sudo apachectl restart 
  •  sudo nano /etc/apache2/httpd.conf 
  •  Add index.php in DirectoryIndex line 
  •  sudo apachectl restart 
  •  sudo nano /Library/WebServer/Documents/index.php 
  •  add the code seen on the screen 
  •  download Mysql: https://dev.mysql.com/downloads/ 
  •  sudo mkdir /var/mysql 
  •  sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock 
  •  Start mysql Server
    – cd /usr/local/mysql/bin 
  •  sudo ./mysql -u root -p 
  •  Alter user ’root’@‘localhost’ identified by ‘newpassword’; 
  •  Download phpmyadmin: https://www.phpmyadmin.net 
  •  Copy paste it into Documents folder and rename to phpMyAdmin 
  •  cd /Library/Webserver/Documents/ 
  •  cd phpMyAdmin 
  •  sudo mkdir config 
  •  sudo chmod o+x config 
  •  open localhost/phpmyadmin 
  •  Under Authentication, enter mysql password 
  •  Download Config 
  •  Copy/Paste config into config folder 

mysql 은 community version이 free이다.


위에서 Alter user ’root’@‘localhost’ identified by ‘newpassword’; 여기에서 newpassword가 아니고 password로 진행해야 영상대로 된다.

또 영상에서는 Config 화일을 phpmyadmin 폴더에 넣는데 이는 만든 phpmyadmin/config폴더에 넣어야 한다.

아래 과정은 phpmyadmin에 접속할때 credential을 매번 넣지 않게 하기위한 옵션과정이다.

  • sudo ./mysql -u root -p
  • Alter user ’root’@‘localhost’ identified by ‘newpassword’;
  • Copy paste it into Documents folder and rename to phpMyAdmin
  • cd /Library/Webserver/Documents/
  • cd phpMyAdmin
  • sudo mkdir config
  • sudo chmod o+x config
  • open localhost/phpmyadmin
  • Under Authentication, enter mysql password
  • Download Config
  • Copy/Paste config into config folde

참고자료) https://youtu.be/hnCmSXCZEpU 초반부 


npm is a package manager for the JavaScript programming language. It is the default package manager for the JavaScript runtime environment Node.js. It consists of a command line client, also called npm, and an online database of public and paid-for private packages, called the npm registry.


Sass (which stands for ‘Syntactically awesome style sheets) is an extension of CSS that enables you to use things like variables, nested rules, inline imports and more. It also helps to keep things organised and allows you to create style sheets faster. Sass is compatible with all versions of CSS.


Gulp is a cross-platform, streaming task runner that lets developers automate many development tasks. At a high level, gulp reads files as streams and pipes the streams to different tasks. These tasks are code-based and use plugins. The tasks modify the files, building source files into production files.