类的使用demo:
require_once "roucheng.php";
$gr = new gifresizer;
$gr->temp_dir = "keleyi";
$gr->resize("keleyi.gif","keleyi_resized.gif",500,500);
?>
类的源代码,保存为roucheng.php文件:
/**
*
* Resizes Animated GIF Files
*
* ///IMPORTANT NOTE: The script needs a temporary directory where all the frames should be extracted.
* Create a directory with a 777 permission level and write the path into $temp_dir variable below.
*
* Default directory is "frames".
*/
class gifresizer {
public $temp_dir = "frames";
private $pointer = 0;
private $index = 0;
private $globaldata = array();
private $imagedata = array();
private $imageinfo = array();
private $handle = 0;
private $orgvars = array();
private $encdata = array();
private $parsedfiles = array();
private $originalwidth = 0;
private $originalheight = 0;
private $wr,$hr;
private $props = array();
private $decoding = false;
/**
* Public part of the class
*
* @orgfile - Original file path
* @newfile - New filename with path
* @width - Desired image width
* @height - Desired image height
*/
function resize($orgfile,$newfile,$width,$height){
$this->decode($orgfile);
$this->wr=$width/$this->originalwidth;
$this->hr=$height/$this->originalheight;
$this->resizeframes();
$this->encode($newfile,$width,$height);
$this->clearframes();
}
/**
* GIF Decoder function.
* Parses the GIF animation into single frames.
*/
private function decode($filename){
$this->decoding = true;
$this->clearvariables();
$this->loadfile($filename);
$this->get_gif_header();
$this->get_graphics_extension(0);
$this->get_application_data();
$this->get_application_data();
$this->get_image_block(0);
$this->get_graphics_extension(1);
$this->get_comment_data();
$this->get_application_data();
$this->get_image_block(1);
while(!$this->checkbyte(0x3b) && !$this->checkEOF()){
$this->get_comment_data(1);
$this->get_graphics_extension(2);
$this->get_image_block(2);
}
$this->writeframes(time());
$this->closefile();
$this->decoding = false;
}
/**
* GIF Encoder function.
* Combines the parsed GIF frames into one single animation.
*/
private function encode($new_filename,$newwidth,$newheight){
$mystring = "";
$this->pointer = 0;
$this->imagedata = array();
$this->imageinfo = array();
$this->handle = 0;
$this->index=0;
$k=0;
foreach($this->parsedfiles as $imagepart){
$this->loadfile($imagepart);
$this->get_gif_header();
$this->get_application_data();
$this->get_comment_data();
$this->get_graphics_extension(0);
$this->get_image_block(0);
//get transparent color index and color
if(isset($this->encdata[$this->index-1]))
$gxdata = $this->encdata[$this->index-1]["graphicsextension"];
else
$gxdata = null;
$ghdata = $this->imageinfo["gifheader"];
$trcolor = "";
$hastransparency=($gxdata[3]&&1==1);
if($hastransparency){
$trcx = ord($gxdata[6]);
$trcolor = substr($ghdata,13+$trcx*3,3);
}
//global color table to image data;
$this->transfercolortable($this->imageinfo["gifheader"],$this->imagedata[$this->index-1]["imagedata"]);
$imageblock = &$this->imagedata[$this->index-1]["imagedata"];
//if transparency exists transfer transparency index
if($hastransparency){
$haslocalcolortable = ((ord($imageblock[9])&128)==128);
if($haslocalcolortable){
//local table exists. determine boundaries and look for it.
$tablesize=(pow(2,(ord($imageblock[9])&7)+1)*3)+10;
$this->orgvars[$this->index-1]["transparent_color_index"] =
((strrpos(substr($this->imagedata[$this->index-1]["imagedata"],0,$tablesize),$trcolor)-10)/3);
}else{
//local table doesnt exist, look at the global one.
$tablesize=(pow(2,(ord($gxdata[10])&7)+1)*3)+10;
$this->orgvars[$this->index-1]["transparent_color_index"] =
((strrpos(substr($ghdata,0,$tablesize),$trcolor)-10)/3);
}
}
//apply original delay time,transparent index and disposal values to graphics extension
if(!$this->imagedata[$this->index-1]["graphicsextension"]) $this->imagedata[$this->index-1]["graphicsextension"] = chr(0x21).chr(0xf9).chr(0x04).chr(0x00).chr(0x00).chr(0x00).chr(0x00).chr(0x00);
$imagedata = &$this->imagedata[$this->index-1]["graphicsextension"];
$imagedata[3] = chr((ord($imagedata[3]) & 0xE3) | ($this->orgvars[$this->index-1]["disposal_method"] $imagedata[4] = chr(($this->orgvars[$this->index-1]["delay_time"] % 256));
$imagedata[5] = chr(floor($this->orgvars[$this->index-1]["delay_time"] / 256));
if($hastransparency){
$imagedata[6] = chr($this->orgvars[$this->index-1]["transparent_color_index"]);
}
$imagedata[3] = chr(ord($imagedata[3])|$hastransparency);
//apply calculated left and top offset
$imageblock[1] = chr(round(($this->orgvars[$this->index-1]["offset_left"]*$this->wr) % 256));
$imageblock[2] = chr(floor(($this->orgvars[$this->index-1]["offset_left"]*$this->wr) / 256));
$imageblock[3] = chr(round(($this->orgvars[$this->index-1]["offset_top"]*$this->hr) % 256));
$imageblock[4] = chr(floor(($this->orgvars[$this->index-1]["offset_top"]*$this->hr) / 256));
if($this->index==1){
if(!isset($this->imageinfo["applicationdata"]) || !$this->imageinfo["applicationdata"])
$this->imageinfo["applicationdata"]=chr(0x21).chr(0xff).chr(0x0b)."NETSCAPE2.0".chr(0x03).chr(0x01).chr(0x00).chr(0x00).chr(0x00);
if(!isset($this->imageinfo["commentdata"]) || !$this->imageinfo["commentdata"])
$this->imageinfo["commentdata"] = chr(0x21).chr(0xfe).chr(0x10)."PHPGIFRESIZER1.0".chr(0);
$mystring .= $this->orgvars["gifheader"]. $this->imageinfo["applicationdata"].$this->imageinfo["commentdata"];
if(isset($this->orgvars["hasgx_type_0"]) && $this->orgvars["hasgx_type_0"]) $mystring .= $this->globaldata["graphicsextension_0"];
if(isset($this->orgvars["hasgx_type_1"]) && $this->orgvars["hasgx_type_1"]) $mystring .= $this->globaldata["graphicsextension"];
}
$mystring .= $imagedata . $imageblock;
$k++;
$this->closefile();
}
$mystring .= chr(0x3b);
//applying new width & height to gif header
$mystring[6] = chr($newwidth % 256);
$mystring[7] = chr(floor($newwidth / 256));
$mystring[8] = chr($newheight % 256);
$mystring[9] = chr(floor($newheight / 256));
$mystring[11]= $this->orgvars["background_color"];
//if(file_exists($new_filename)){unlink($new_filename);}
file_put_contents($new_filename,$mystring);
}
/**
* Variable Reset function
* If a instance is used multiple times, it's needed. Trust me.
*/
private function clearvariables(){
$this->pointer = 0;
$this->index = 0;
$this->imagedata = array();
$this->imageinfo = array();
$this->handle = 0;
$this->parsedfiles = array();
}
/**
* Clear Frames function
* For deleting the frames after encoding.
*/
private function clearframes(){
foreach($this->parsedfiles as $temp_frame){
unlink($temp_frame);
}
}
/**
* Frame Writer
* Writes the GIF frames into files.
*/
private function writeframes($prepend){
for($i=0;$i
file_put_contents($this->temp_dir."/frame_".$prepend."_".str_pad($i,2,"0",STR_PAD_LEFT).".gif",$this->imageinfo["gifheader"].$this->imagedata[$i]["graphicsextension"].$this->imagedata[$i]["imagedata"].chr(0x3b));
$this->parsedfiles[]=$this->temp_dir."/frame_".$prepend."_".str_pad($i,2,"0",STR_PAD_LEFT).".gif";
}
}
/**
* Color Palette Transfer Device
* Transferring Global Color Table (GCT) from frames into Local Color Tables in animation.
*/
private function transfercolortable($src,&$dst){
//src is gif header,dst is image data block
//if global color table exists,transfer it
if((ord($src[10])&128)==128){
//Gif Header Global Color Table Length
$ghctl = pow(2,$this->readbits(ord($src[10]),5,3)+1)*3;
//cut global color table from gif header
$ghgct = substr($src,13,$ghctl);
//check image block color table length
if((ord($dst[9])&128)==128){
//Image data contains color table. skip.
}else{
//Image data needs a color table.
//get last color table length so we can truncate the dummy color table
$idctl = pow(2,$this->readbits(ord($dst[9]),5,3)+1)*3;
//set color table flag and length
$dst[9] = chr(ord($dst[9]) | (0x80 | (log($ghctl/3,2)-1)));
//inject color table
$dst = substr($dst,0,10).$ghgct.substr($dst,-1*strlen($dst)+10);
}
}else{
//global color table doesn't exist. skip.
}
}
/**
* GIF Parser Functions.
* Below functions are the main structure parser components.
*/
private function get_gif_header(){
$this->p_forward(10);
if($this->readbits(($mybyte=$this->readbyte_int()),0,1)==1){
$this->p_forward(2);
$this->p_forward(pow(2,$this->readbits($mybyte,5,3)+1)*3);
}else{
$this->p_forward(2);
}
$this->imageinfo["gifheader"]=$this->datapart(0,$this->pointer);
if($this->decoding){
$this->orgvars["gifheader"]=$this->imageinfo["gifheader"];
$this->originalwidth = ord($this->orgvars["gifheader"][7])*256+ord($this->orgvars["gifheader"][6]);
$this->originalheight = ord($this->orgvars["gifheader"][9])*256+ord($this->orgvars["gifheader"][8]);
$this->orgvars["background_color"]=$this->orgvars["gifheader"][11];
}
}
//-------------------------------------------------------
private function get_application_data(){
$startdata = $this->readbyte(2);
if($startdata==chr(0x21).chr(0xff)){
$start = $this->pointer - 2;
$this->p_forward($this->readbyte_int());
$this->read_data_stream($this->readbyte_int());
$this->imageinfo["applicationdata"] = $this->datapart($start,$this->pointer-$start);
}else{
$this->p_rewind(2);
}
}
//-------------------------------------------------------
private function get_comment_data(){
$startdata = $this->readbyte(2);
if($startdata==chr(0x21).chr(0xfe)){
$start = $this->pointer - 2;
$this->read_data_stream($this->readbyte_int());
$this->imageinfo["commentdata"] = $this->datapart($start,$this->pointer-$start);
}else{
$this->p_rewind(2);
}
}
//-------------------------------------------------------
private function get_graphics_extension($type){
$startdata = $this->readbyte(2);
if($startdata==chr(0x21).chr(0xf9)){
$start = $this->pointer - 2;
$this->p_forward($this->readbyte_int());
$this->p_forward(1);
if($type==2){
$this->imagedata[$this->index]["graphicsextension"] = $this->datapart($start,$this->pointer-$start);
}else if($type==1){
$this->orgvars["hasgx_type_1"] = 1;
$this->globaldata["graphicsextension"] = $this->datapart($start,$this->pointer-$start);
}else if($type==0 && $this->decoding==false){
$this->encdata[$this->index]["graphicsextension"] = $this->datapart($start,$this->pointer-$start);
}else if($type==0 && $this->decoding==true){
$this->orgvars["hasgx_type_0"] = 1;
$this->globaldata["graphicsextension_0"] = $this->datapart($start,$this->pointer-$start);
}
}else{
$this->p_rewind(2);
}
}
//-------------------------------------------------------
private function get_image_block($type){
if($this->checkbyte(0x2c)){
$start = $this->pointer;
$this->p_forward(9);
if($this->readbits(($mybyte=$this->readbyte_int()),0,1)==1){
$this->p_forward(pow(2,$this->readbits($mybyte,5,3)+1)*3);
}
$this->p_forward(1);
$this->read_data_stream($this->readbyte_int());
$this->imagedata[$this->index]["imagedata"] = $this->datapart($start,$this->pointer-$start);
if($type==0){
$this->orgvars["hasgx_type_0"] = 0;
if(isset($this->globaldata["graphicsextension_0"]))
$this->imagedata[$this->index]["graphicsextension"]=$this->globaldata["graphicsextension_0"];
else
$this->imagedata[$this->index]["graphicsextension"]=null;
unset($this->globaldata["graphicsextension_0"]);
}elseif($type==1){
if(isset($this->orgvars["hasgx_type_1"]) && $this->orgvars["hasgx_type_1"]==1){
$this->orgvars["hasgx_type_1"] = 0;
$this->imagedata[$this->index]["graphicsextension"]=$this->globaldata["graphicsextension"];
unset($this->globaldata["graphicsextension"]);
}else{
$this->orgvars["hasgx_type_0"] = 0;
$this->imagedata[$this->index]["graphicsextension"]=$this->globaldata["graphicsextension_0"];
unset($this->globaldata["graphicsextension_0"]);
}
}
$this->parse_image_data();
$this->index++;
}
}
//-------------------------------------------------------
private function parse_image_data(){
$this->imagedata[$this->index]["disposal_method"] = $this->get_imagedata_bit("ext",3,3,3);
$this->imagedata[$this->index]["user_input_flag"] = $this->get_imagedata_bit("ext",3,6,1);
$this->imagedata[$this->index]["transparent_color_flag"] = $this->get_imagedata_bit("ext",3,7,1);
$this->imagedata[$this->index]["delay_time"] = $this->dualbyteval($this->get_imagedata_byte("ext",4,2));
$this->imagedata[$this->index]["transparent_color_index"] = ord($this->get_imagedata_byte("ext",6,1));
$this->imagedata[$this->index]["offset_left"] = $this->dualbyteval($this->get_imagedata_byte("dat",1,2));
$this->imagedata[$this->index]["offset_top"] = $this->dualbyteval($this->get_imagedata_byte("dat",3,2));
$this->imagedata[$this->index]["width"] = $this->dualbyteval($this->get_imagedata_byte("dat",5,2));
$this->imagedata[$this->index]["height"] = $this->dualbyteval($this->get_imagedata_byte("dat",7,2));
$this->imagedata[$this->index]["local_color_table_flag"] = $this->get_imagedata_bit("dat",9,0,1);
$this->imagedata[$this->index]["interlace_flag"] = $this->get_imagedata_bit("dat",9,1,1);
$this->imagedata[$this->index]["sort_flag"] = $this->get_imagedata_bit("dat",9,2,1);
$this->imagedata[$this->index]["color_table_size"] = pow(2,$this->get_imagedata_bit("dat",9,5,3)+1)*3;
$this->imagedata[$this->index]["color_table"] = substr($this->imagedata[$this->index]["imagedata"],10,$this->imagedata[$this->index]["color_table_size"]);
$this->imagedata[$this->index]["lzw_code_size"] = ord($this->get_imagedata_byte("dat",10,1));
if($this->decoding){
$this->orgvars[$this->index]["transparent_color_flag"] = $this->imagedata[$this->index]["transparent_color_flag"];
$this->orgvars[$this->index]["transparent_color_index"] = $this->imagedata[$this->index]["transparent_color_index"];
$this->orgvars[$this->index]["delay_time"] = $this->imagedata[$this->index]["delay_time"];
$this->orgvars[$this->index]["disposal_method"] = $this->imagedata[$this->index]["disposal_method"];
$this->orgvars[$this->index]["offset_left"] = $this->imagedata[$this->index]["offset_left"];
$this->orgvars[$this->index]["offset_top"] = $this->imagedata[$this->index]["offset_top"];
}
}
//-------------------------------------------------------
private function get_imagedata_byte($type,$start,$length){
if($type=="ext")
return substr($this->imagedata[$this->index]["graphicsextension"],$start,$length);
elseif($type=="dat")
return substr($this->imagedata[$this->index]["imagedata"],$start,$length);
}
//-------------------------------------------------------
private function get_imagedata_bit($type,$byteindex,$bitstart,$bitlength){
if($type=="ext")
return $this->readbits(ord(substr($this->imagedata[$this->index]["graphicsextension"],$byteindex,1)),$bitstart,$bitlength);
elseif($type=="dat")
return $this->readbits(ord(substr($this->imagedata[$this->index]["imagedata"],$byteindex,1)),$bitstart,$bitlength);
}
//-------------------------------------------------------
private function dualbyteval($s){
$i = ord($s[1])*256 + ord($s[0]);
return $i;
}
//------------ Helper Functions ---------------------
private function read_data_stream($first_length){
$this->p_forward($first_length);
$length=$this->readbyte_int();
if($length!=0) {
while($length!=0){
$this->p_forward($length);
$length=$this->readbyte_int();
}
}
return true;
}
//-------------------------------------------------------
private function loadfile($filename){
$this->handle = fopen($filename,"rb");
$this->pointer = 0;
}
//-------------------------------------------------------
private function closefile(){
fclose($this->handle);
$this->handle=0;
}
//-------------------------------------------------------
private function readbyte($byte_count){
$data = fread($this->handle,$byte_count);
$this->pointer += $byte_count;
return $data;
}
//-------------------------------------------------------
private function readbyte_int(){
$data = fread($this->handle,1);
$this->pointer++;
return ord($data);
}
//-------------------------------------------------------
private function readbits($byte,$start,$length){
$bin = str_pad(decbin($byte),8,"0",STR_PAD_LEFT);
$data = substr($bin,$start,$length);
return bindec($data);
}
//-------------------------------------------------------
private function p_rewind($length){
$this->pointer-=$length;
fseek($this->handle,$this->pointer);
}
//-------------------------------------------------------
private function p_forward($length){
$this->pointer+=$length;
fseek($this->handle,$this->pointer);
}
//-------------------------------------------------------
private function datapart($start,$length){
fseek($this->handle,$start);
$data = fread($this->handle,$length);
fseek($this->handle,$this->pointer);
return $data;
}
//-------------------------------------------------------
private function checkbyte($byte){
if(fgetc($this->handle)==chr($byte)){
fseek($this->handle,$this->pointer);
return true;
}else{
fseek($this->handle,$this->pointer);
return false;
}
}
//-------------------------------------------------------
private function checkEOF(){
if(fgetc($this->handle)===false){
return true;
}else{
fseek($this->handle,$this->pointer);
return false;
}
}
//-------------------------------------------------------
/**
* Debug Functions. keleyi.com
* Parses the GIF animation into single frames.
*/
private function debug($string){
echo "
";<br> for($i=0;$i<strlen> echo str_pad(dechex(ord($string[$i])),2,"0",STR_PAD_LEFT). " ";<br> }<br> echo "</strlen>";
}
//-------------------------------------------------------
private function debuglen($var,$len){
echo "
";<br> for($i=0;$i echo str_pad(dechex(ord($var[$i])),2,"0",STR_PAD_LEFT). " ";<br> }<br> echo "";
}
//-------------------------------------------------------
private function debugstream($length){
$this->debug($this->datapart($this->pointer,$length));
}
//-------------------------------------------------------
/**
* GD Resizer Device
* Resizes the animation frames
*/
private function resizeframes(){
$k=0;
foreach($this->parsedfiles as $img){
$src = imagecreatefromgif($img);
$sw = $this->imagedata[$k]["width"];
$sh = $this->imagedata[$k]["height"];
$nw = round($sw * $this->wr);
$nh = round($sh * $this->hr);
$sprite = imagecreatetruecolor($nw,$nh);
$trans = imagecolortransparent($sprite);
imagealphablending($sprite, false);
imagesavealpha($sprite, true);
imagepalettecopy($sprite,$src);
imagefill($sprite,0,0,imagecolortransparent($src));
imagecolortransparent($sprite,imagecolortransparent($src));
imagecopyresized($sprite,$src,0,0,0,0,$nw,$nh,$sw,$sh);
imagegif($sprite,$img);
imagedestroy($sprite);
imagedestroy($src);
$k++;
}
}
}
?>

PHP는 동적 웹 사이트를 구축하는 데 사용되며 해당 핵심 기능에는 다음이 포함됩니다. 1. 데이터베이스와 연결하여 동적 컨텐츠를 생성하고 웹 페이지를 실시간으로 생성합니다. 2. 사용자 상호 작용 및 양식 제출을 처리하고 입력을 확인하고 작업에 응답합니다. 3. 개인화 된 경험을 제공하기 위해 세션 및 사용자 인증을 관리합니다. 4. 성능을 최적화하고 모범 사례를 따라 웹 사이트 효율성 및 보안을 개선하십시오.

PHP는 MySQLI 및 PDO 확장 기능을 사용하여 데이터베이스 작업 및 서버 측 로직 프로세싱에서 상호 작용하고 세션 관리와 같은 기능을 통해 서버 측로 로직을 처리합니다. 1) MySQLI 또는 PDO를 사용하여 데이터베이스에 연결하고 SQL 쿼리를 실행하십시오. 2) 세션 관리 및 기타 기능을 통해 HTTP 요청 및 사용자 상태를 처리합니다. 3) 트랜잭션을 사용하여 데이터베이스 작업의 원자력을 보장하십시오. 4) SQL 주입 방지, 디버깅을 위해 예외 처리 및 폐쇄 연결을 사용하십시오. 5) 인덱싱 및 캐시를 통해 성능을 최적화하고, 읽을 수있는 코드를 작성하고, 오류 처리를 수행하십시오.

PHP에서 전처리 문과 PDO를 사용하면 SQL 주입 공격을 효과적으로 방지 할 수 있습니다. 1) PDO를 사용하여 데이터베이스에 연결하고 오류 모드를 설정하십시오. 2) 준비 방법을 통해 전처리 명세서를 작성하고 자리 표시자를 사용하여 데이터를 전달하고 방법을 실행하십시오. 3) 쿼리 결과를 처리하고 코드의 보안 및 성능을 보장합니다.

PHP와 Python은 고유 한 장점과 단점이 있으며 선택은 프로젝트 요구와 개인 선호도에 달려 있습니다. 1.PHP는 대규모 웹 애플리케이션의 빠른 개발 및 유지 보수에 적합합니다. 2. Python은 데이터 과학 및 기계 학습 분야를 지배합니다.

PHP는 전자 상거래, 컨텐츠 관리 시스템 및 API 개발에 널리 사용됩니다. 1) 전자 상거래 : 쇼핑 카트 기능 및 지불 처리에 사용됩니다. 2) 컨텐츠 관리 시스템 : 동적 컨텐츠 생성 및 사용자 관리에 사용됩니다. 3) API 개발 : 편안한 API 개발 및 API 보안에 사용됩니다. 성능 최적화 및 모범 사례를 통해 PHP 애플리케이션의 효율성과 유지 보수 성이 향상됩니다.

PHP를 사용하면 대화식 웹 컨텐츠를 쉽게 만들 수 있습니다. 1) HTML을 포함하여 컨텐츠를 동적으로 생성하고 사용자 입력 또는 데이터베이스 데이터를 기반으로 실시간으로 표시합니다. 2) 프로세스 양식 제출 및 동적 출력을 생성하여 htmlspecialchars를 사용하여 XSS를 방지합니다. 3) MySQL을 사용하여 사용자 등록 시스템을 작성하고 Password_Hash 및 전처리 명세서를 사용하여 보안을 향상시킵니다. 이러한 기술을 마스터하면 웹 개발의 효율성이 향상됩니다.

PHP와 Python은 각각 고유 한 장점이 있으며 프로젝트 요구 사항에 따라 선택합니다. 1.PHP는 웹 개발, 특히 웹 사이트의 빠른 개발 및 유지 보수에 적합합니다. 2. Python은 간결한 구문을 가진 데이터 과학, 기계 학습 및 인공 지능에 적합하며 초보자에게 적합합니다.

PHP는 여전히 역동적이며 현대 프로그래밍 분야에서 여전히 중요한 위치를 차지하고 있습니다. 1) PHP의 단순성과 강력한 커뮤니티 지원으로 인해 웹 개발에 널리 사용됩니다. 2) 유연성과 안정성은 웹 양식, 데이터베이스 작업 및 파일 처리를 처리하는 데 탁월합니다. 3) PHP는 지속적으로 발전하고 최적화하며 초보자 및 숙련 된 개발자에게 적합합니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경

VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기

WebStorm Mac 버전
유용한 JavaScript 개발 도구
