개발도구 3

Windows10에 XAMPP 설치 & 사용하기 (Apache, MySql, PHP)

웹 서비스는 운영을 하던, 개발을 하던 웹 서버가 작동을 하고 있어야 사용이 가능하다. 그래서 테스트를 위해 웹 서버를 설치해야 하는데 개별적으로 설치하기는 귀찮다. 그래서 한번에 설치 및 관리를 할 수 있는 소프트웨어가 있다. 그게 바로 이번에 소개할 XAMPP다. XAMPP는 소규모 웹에서 자주 쓰이는 Apache 웹서버, MySql 데이터베이스(홈페이지는 MariaDB로 소개), PHP를 포함하고 있다. Perl도 포함하고 있지만 이 글에서는 다루지 않는다. XAMPP를 설치하기 위해 홈페이지(www.apachefriends.org/index.html)에 접속한다. 친절하게도 메인페이지에 다운로드 링크가 있다. 포함된 소프트웨어를 모두 최신 버전으로 사용하려면 XAMPP for Windows를 눌러..

개발도구/기타 2021.05.01

Visual Studio Code 추천 확장(extension) 플러그인

🔔 이 게시글은 HTML, JavaScript, PHP, React 관련 플러그인에 관해서만 정리되어 있습니다. Visual Studio Code(vs code)는 마이크로 소프트에서 개발한 문서 편집기로 웹 개발에 주로 사용된다. 초기에는 Atom이나 Sublime Text에 비하면 여러가지로 부족했지만 업데이트를 반복하면서 확장(extension) 플러그인 생태계가 커지면서 인기 있는 텍스트 에디터가 되었다. 덕분에 웹 프로젝트를 진행할 때 많이 사용되는 도구가 되었다. 설치 초기에는 기능이 너무나 담백해서 개발을 하는 데 많은 불편함이 느껴진다. 그래서 많은 사람들이 쓰고 있고 필자도 쓰면서 편리함을 느낀 확장 플러그인을 소개하고자 한다. 1. Auto Rename Tag html을 작성할 때 태그..

페이스북 그래프 API 탐색기 사용하기(페이스북 계정의 게시글, 댓글 확인)

페이스북에서는 사용자들이 쉽게 자신이 올린 글이나 댓글, 또는 관리하고 있는 페이지와 관련된 정보를 얻을 수 있도록 그래프 API를 제공하고 있다. 그래프 API를 브라우저에서 쉽게 활용할 수 있도록 도와주는 것이 그래프 API 탐색기다. 직접 코드를 짜는 것보다 편리하며 결과물이 마음이 든다면 해당 코드를 받을 수도 있다. 서비스에 적용하기 전에 원하는 정보가 나오는지 확인하기 위해서는 그래프API 탐색기를 사용하는 것이 편하다. 그래프 API 탐색기를 사용하려면 페이스북 개발자 계정과 페이스북 앱이 필요하다. 개발자 계정은 https://developers.facebook.com에서 로그인을 하여 등록을 할 수 있다. 페이스북 앱을 만드는 방법은 https://teserre.tistory.com/2에..