찾다
백엔드 개발PHP 튜토리얼Laravel 비밀번호 재설정 예시에 대한 자세한 설명

백엔드 콘텐츠 관리 시스템을 구축하기 위해 laravel을 사용해야 하지만 laravel의 기본 로그인 등록이 백엔드에서 사용되며 재설정을 위해 이메일을 보낼 필요가 없기 때문에 비밀번호를 재설정하는 방법은 기본값입니다. 비밀번호 재설정은 가능해야 합니다. 불가능합니다. Laravel에서 비밀번호를 재설정하는 방법을 보려면 이 문서를 따르세요.

1. 먼저 비밀번호를 재설정할 경로를 결정합니다.

laravel 설치 시 기본적으로 생성되는 비밀번호 재설정은 사용자가 로그인하지 않은 상태에서 수행됩니다. 따라서 원래 컨트롤러를 사용하는 것은 불가능하며 원래 재설정된 비밀번호는 원래 비밀번호가 맞는지 확인할 필요가 없고 이메일을 통해 직접 비밀번호를 변경하므로 컨트롤러 방식의 경우에도 다시 작성해야 합니다. php artisan make:controller UserController를 사용하여 컨트롤러 클래스를 생성한 다음 Route::get('reset', 'UserController@getReset')라는 두 개의 경로를 생성합니다. code>경로::post('reset', 'UserController@postReset'). php artisan make:controller UserController创建一个控制器类,然后创建两条路由Route::get('reset', 'UserController@getReset')Route::post('reset', 'UserController@postReset')

前者是显示一个重置密码的页面get请求,后面是重置密码post请求。

2、显示重置密码页

这个使用的是getReset这个方法,这个方法只需要显示一个视图所以并没有特别的逻辑


public function getReset()
{
  return view('auth.reset');
}

3、请求重置密码

这个使用的是postReset这个方法,接收数据的话我们使用两种方法接收传过来的数据都可以:一种是使用request的方法接收数据另外一种是使用Input::get的方法获取数据Request的话需要引入use IlluminateHttpRequest类,Input的话需要引入use Input类,这里我们选择使用request来接收。

4、验证规则

验证的话,laravel为我们提供了一套验证的规则,使用validatorValidator::make()方法进行验证

$data = $request->all(); //接收所有的数据
$rules = [
  'oldpassword'=>'required|between:6,20',
  'password'=>'required|between:6,20|confirmed',
];
$messages = [
  'required' => '密码不能为空',
  'between' => '密码必须是6~20位之间',
  'confirmed' => '新密码和确认密码不匹配'
];
$validator = Validator::make($data, $rules, $messages);

$data 接收到从from传过来的数据信息;

rules 对接收到的值进行判断,其中数组前面的oldpasswordpassword是从前端from接收到的原始密码和新密码的name字段数据进行验证;

验证规则的话在手册的验证章节都有,值得注意的是,使用confirmed的话是为了新密码和确认密码进行相同判断,确认密码必须的name值必须是新密码的name值后面加上'_confirmation',比如新密码的name值为newpassword的话,确认密码的name值则必须为newpassword_confirmation才可以进行判断messages对验证的数据请求,显示什么提示。

然后通过上面的验证,还有个情况是没有验证的,那就是输入的原始密码是否和数据库里的原始密码相同。

这里我们可以先把这个用户的信息从数据库里给查出来,然后和输入的原始密码进行比对。这里我们使用Auth::user()来获取用户的信息,这个方法需要引入use Auth;类,然后通过Hash::check()来进行密码判断。判断完以后还有个问题,那就是,如何把错误信息给压入到validator的错误信息里,这里laravel为我们提供了after方法:

$user = Auth::user();
$validator->after(function($validator) use ($oldpassword, $user) {
  if (!\Hash::check($oldpassword, $user->password)) { //原始密码和数据库里的密码进行比对
    $validator->errors()->add('oldpassword', '原密码错误'); //错误的话显示原始密码错误
  }
});
if ($validator->fails()) {   //判断是否有错误
  return back()->withErrors($validator); //重定向页面,并把错误信息存入一次性session里
}
$user->password = bcrypt($password);    //使用bcrypt函数进行新密码加密
$user->save();   //成功后,保存新密码

这里因为after 引入了一个PHP的匿名函数,所以我们需要使用use 关键字把外部数据给传入到匿名函数里(PS:php新特性,闭包和匿名函数)

在匿名函数里我们引入了一个全局函数所以我们需要在函数前面加(PS:php新特性,命名空间章节,全局命名空间)

5、前端显示错误信息

前端显示的话,我们使用$errors变量来显示错误,根据官方文档说明,调用的是IlluminateSupportMessageBag的示例,有兴趣的话,可以看下。我们使用count($errors) > 0来判断是否有错误,使用 $errors->first()显示一条错误信息:


@if(count($errors) > 0)
  <p class="alert alert-danger display-hide" style="display: block;">
    <button class="close" data-close="alert"></button>
    <span>  </span>
  </p>
@endif

可能会有人问,如果我的错误不是显示在固定的一个地方,而是在每个表单的后面显示错误信息的话,这样我们该怎么判断和显示呢? 答案是使用$errors->has('oldpassword')来判断有没有这个名称的错误,如果有的话,使用 $errors->first('oldpassword')

전자는 비밀번호 재설정을 위한 get 요청이고, 이어서 비밀번호 재설정을 위한 post 요청입니다.

🎜🎜🎜2. 비밀번호 재설정 페이지 표시🎜🎜🎜🎜🎜이 메소드는 뷰만 표시하면 되므로 특별한 로직이 없습니다🎜🎜🎜🎜
@if( $errors->has(&#39;oldpassword&#39;) )
  <p class="alert alert-danger display-hide" style="display: block;">
    <button class="close" data-close="alert"></button>
    <span>  </span>
  </p>
@endif
🎜 🎜🎜3. 비밀번호 재설정 요청 🎜🎜🎜🎜🎜데이터를 받기 위해 두 가지 방법을 사용하여 전달된 데이터를 받을 수 있습니다. 🎜요청 방법은 수신을 사용하는 것입니다. data🎜, 또 다른 방법은 데이터🎜를 얻기 위해 Input::get 메소드를 사용하는 것입니다. 요청의 경우 use IlluminateHttpRequest 클래스를 도입해야 합니다. 입력의 경우 입력 사용을 도입해야 합니다. 여기서는 request를 사용하여 수신하도록 선택합니다. 🎜🎜🎜🎜4. 확인 규칙 🎜🎜🎜🎜 확인을 위해 laravel은 validatorValidator::make() 메서드를 사용하여 일련의 확인 규칙을 제공합니다. 🎜
public function getReset()
{
  return view(&#39;auth.reset&#39;);
}

public function postReset(Request $request)
{
  $oldpassword = $request->input('oldpassword');
  $password = $request->input('password');
  $data = $request->all();
  $rules = [
    'oldpassword'=>'required|between:6,20',
    'password'=>'required|between:6,20|confirmed',
  ];
  $messages = [
    'required' => '密码不能为空',
    'between' => '密码必须是6~20位之间',
    'confirmed' => '新密码和确认密码不匹配'
  ];
  $validator = Validator::make($data, $rules, $messages);
  $user = Auth::user();
  $validator->after(function($validator) use ($oldpassword, $user) {
    if (!\Hash::check($oldpassword, $user->password)) {
      $validator->errors()->add('oldpassword', '原密码错误');
    }
  });
  if ($validator->fails()) {
    return back()->withErrors($validator); //返回一次性错误
  }
  $user->password = bcrypt($password);
  $user->save();
  Auth::logout(); //更改完这次密码后,退出这个用户
  return redirect('/login');
}
🎜$data 가 🎜🎜rules에서 전달된 데이터 정보를 수신하는지 확인합니다. 여기서 배열 앞에 있는 oldpasswordpassword는 프런트 엔드에서 받은 원래 비밀번호와 새 비밀번호의 이름 필드 데이터로 확인됩니다. 🎜🎜🎜 확인 규칙은 매뉴얼의 확인 장에서 확인할 수 있습니다. 즉, 확인을 사용하는 것은 새 비밀번호와 확인된 비밀번호를 동일하게 판단하는 것입니다. 비밀번호 확인에 필요한 이름 값은 '_confirmation'이 뒤에 오는 새 비밀번호의 이름 값이어야 합니다. 예를 들어 새 비밀번호의 이름 값은 newpassword를 사용하는 경우 확인된 비밀번호의 이름 값이 newpassword_confirmation이어야만 어떤 프롬프트가 표시되는지 판단할 수 있습니다. 메시지의 확인 데이터 요청입니다. 🎜🎜위 검증을 통과한 후, 또 검증되지 않는 상황이 발생합니다. 즉, 입력한 원래 비밀번호가 데이터베이스에 있는 원래 비밀번호와 동일한지 여부입니다. 🎜🎜여기서 먼저 데이터베이스에서 사용자 정보를 확인한 다음 입력한 원래 비밀번호와 비교할 수 있습니다. 여기서는 Auth::user()를 사용하여 사용자 정보를 얻습니다. 이 메서드는 use Auth; 클래스를 도입한 다음 Hash::check( ) 비밀번호를 확인합니다. 판단 후에도 여전히 질문이 있습니다. 즉, 오류 메시지를 유효성 검사기의 오류 메시지에 삽입하는 방법입니다. 여기에서 laravel은 after 메소드를 제공합니다. 🎜<pre class='brush:php;toolbar:false;'>&lt;form class=&quot;login-form&quot; action=&quot;&quot; method=&quot;post&quot;&gt; &lt;h3 id=&quot;修改密码&quot;&gt;修改密码&lt;/h3&gt; @if($errors-&gt;first()) &lt;p class=&quot;alert alert-danger display-hide&quot; style=&quot;display: block;&quot;&gt; &lt;button class=&quot;close&quot; data-close=&quot;alert&quot;&gt;&lt;/button&gt; &lt;span&gt; &lt;/span&gt; &lt;/p&gt; @endif {!! csrf_field() !!} &lt;p class=&quot;form-group&quot;&gt; &lt;label class=&quot;control-label visible-ie8 visible-ie9&quot;&gt;原始密码&lt;/label&gt; &lt;input class=&quot;form-control placeholder-no-fix&quot; type=&quot;password&quot; autocomplete=&quot;off&quot; placeholder=&quot;Old Password&quot; name=&quot;oldpassword&quot;&gt; &lt;/p&gt; &lt;p class=&quot;form-group&quot;&gt; &lt;label class=&quot;control-label visible-ie8 visible-ie9&quot;&gt;新密码&lt;/label&gt; &lt;input class=&quot;form-control placeholder-no-fix&quot; type=&quot;password&quot; autocomplete=&quot;off&quot; id=&quot;register_password&quot; placeholder=&quot;New password&quot; name=&quot;password&quot;&gt; &lt;/p&gt; &lt;p class=&quot;form-group&quot;&gt; &lt;label class=&quot;control-label visible-ie8 visible-ie9&quot;&gt;重复密码&lt;/label&gt; &lt;input class=&quot;form-control placeholder-no-fix&quot; type=&quot;password&quot; autocomplete=&quot;off&quot; placeholder=&quot;Repeat password&quot; name=&quot;password_confirmation&quot;&gt; &lt;/p&gt; &lt;p class=&quot;form-actions&quot;&gt; &lt;button type=&quot;submit&quot; id=&quot;register-submit-btn&quot; class=&quot;btn btn-success uppercase pull-right&quot;&gt;确定&lt;/button&gt; &lt;/p&gt; &lt;/form&gt;</pre>🎜여기서 <code>after 가 소개되기 때문입니다. PHP의 익명 함수이므로 외부 데이터를 익명 함수에 전달하려면 use 키워드를 사용해야 합니다(PS: PHP의 새로운 기능, 클로저 및 익명 함수) 🎜🎜🎜익명 함수에서 우리는 A 전역 함수가 도입되었으므로 함수 🎜🎜🎜🎜🎜5 앞에 (PS: php 새 기능, ​​네임스페이스 장, 전역 네임스페이스)를 추가해야 합니다. 프런트엔드에 🎜🎜🎜🎜🎜오류 메시지가 표시됩니다. -end를 표시하면 $errors 변수를 사용하여 오류를 표시합니다. 공식 문서에 따르면 IlluminateSupportMessageBag를 호출하는 예제가 있습니다. 당신은 볼 수 있습니다. count($errors) > 0을 사용하여 오류가 있는지 확인하고 $errors->first()를 사용하여 오류 메시지를 표시합니다. 🎜🎜 🎜🎜rrreee🎜 누군가는 내 오류가 고정된 위치에 표시되지 않고 각 양식 뒤에 오류 메시지가 표시되는 경우 이를 어떻게 판단하고 표시해야 하느냐고 물을 수 있습니다. 대답은 $errors->has('oldpassword')를 사용하여 이 이름에 오류가 있는지 확인하는 것입니다. 있는 경우 $errors->first(' oldpassword') 다음 오류 표시: 🎜🎜🎜🎜
@if( $errors->has(&#39;oldpassword&#39;) )
  <p class="alert alert-danger display-hide" style="display: block;">
    <button class="close" data-close="alert"></button>
    <span>  </span>
  </p>
@endif

其中oldpassword是每个表单的里的name值,所以在使用after方法添加自定义错误的时候 $validator->errors()->add('oldpassword', '原密码错误');中,oldpassword一定要写对是在哪个表单的错误,这样才能正确的显示。

6、完成后的示例

UserController

public function getReset()
{
  return view(&#39;auth.reset&#39;);
}

public function postReset(Request $request)
{
  $oldpassword = $request->input('oldpassword');
  $password = $request->input('password');
  $data = $request->all();
  $rules = [
    'oldpassword'=>'required|between:6,20',
    'password'=>'required|between:6,20|confirmed',
  ];
  $messages = [
    'required' => '密码不能为空',
    'between' => '密码必须是6~20位之间',
    'confirmed' => '新密码和确认密码不匹配'
  ];
  $validator = Validator::make($data, $rules, $messages);
  $user = Auth::user();
  $validator->after(function($validator) use ($oldpassword, $user) {
    if (!\Hash::check($oldpassword, $user->password)) {
      $validator->errors()->add('oldpassword', '原密码错误');
    }
  });
  if ($validator->fails()) {
    return back()->withErrors($validator); //返回一次性错误
  }
  $user->password = bcrypt($password);
  $user->save();
  Auth::logout(); //更改完这次密码后,退出这个用户
  return redirect('/login');
}

reset.blade

<form class="login-form" action="" method="post">
    <h3 id="修改密码">修改密码</h3>
    @if($errors->first())
      <p class="alert alert-danger display-hide" style="display: block;">
        <button class="close" data-close="alert"></button>
        <span>  </span>
      </p>
    @endif
    {!! csrf_field() !!}

    <p class="form-group">
      <label class="control-label visible-ie8 visible-ie9">原始密码</label>
      <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="Old Password" name="oldpassword"> </p>
    <p class="form-group">
      <label class="control-label visible-ie8 visible-ie9">新密码</label>
      <input class="form-control placeholder-no-fix" type="password" autocomplete="off" id="register_password" placeholder="New password" name="password"> </p>
    <p class="form-group">
      <label class="control-label visible-ie8 visible-ie9">重复密码</label>
      <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="Repeat password" name="password_confirmation"> </p>
    <p class="form-actions">
      <button type="submit" id="register-submit-btn" class="btn btn-success uppercase pull-right">确定</button>
    </p>
  </form>

相关推荐:

学习Laravel5的Eloquent 关系

laravel编写APP接口(API)

laravel5.5控制器传参顺序问题及解决方案

위 내용은 Laravel 비밀번호 재설정 예시에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
스칼라 유형, 반환 유형, 노조 유형 및 무효 유형을 포함한 PHP 유형의 힌트 작업은 어떻게 작동합니까?스칼라 유형, 반환 유형, 노조 유형 및 무효 유형을 포함한 PHP 유형의 힌트 작업은 어떻게 작동합니까?Apr 17, 2025 am 12:25 AM

PHP 유형은 코드 품질과 가독성을 향상시키기위한 프롬프트입니다. 1) 스칼라 유형 팁 : PHP7.0이므로 int, float 등과 같은 기능 매개 변수에 기본 데이터 유형을 지정할 수 있습니다. 2) 반환 유형 프롬프트 : 기능 반환 값 유형의 일관성을 확인하십시오. 3) Union 유형 프롬프트 : PHP8.0이므로 기능 매개 변수 또는 반환 값에 여러 유형을 지정할 수 있습니다. 4) Nullable 유형 프롬프트 : NULL 값을 포함하고 널 값을 반환 할 수있는 기능을 포함 할 수 있습니다.

PHP는 객체 클로닝 (클론 키워드) 및 __clone 마법 방법을 어떻게 처리합니까?PHP는 객체 클로닝 (클론 키워드) 및 __clone 마법 방법을 어떻게 처리합니까?Apr 17, 2025 am 12:24 AM

PHP에서는 클론 키워드를 사용하여 객체 사본을 만들고 \ _ \ _ Clone Magic 메소드를 통해 클로닝 동작을 사용자 정의하십시오. 1. 복제 키워드를 사용하여 얕은 사본을 만들어 객체의 속성을 복제하지만 객체의 속성은 아닙니다. 2. \ _ \ _ 클론 방법은 얕은 복사 문제를 피하기 위해 중첩 된 물체를 깊이 복사 할 수 있습니다. 3. 복제의 순환 참조 및 성능 문제를 피하고 클로닝 작업을 최적화하여 효율성을 향상시키기 위해주의를 기울이십시오.

PHP vs. Python : 사용 사례 및 응용 프로그램PHP vs. Python : 사용 사례 및 응용 프로그램Apr 17, 2025 am 12:23 AM

PHP는 웹 개발 및 컨텐츠 관리 시스템에 적합하며 Python은 데이터 과학, 기계 학습 및 자동화 스크립트에 적합합니다. 1.PHP는 빠르고 확장 가능한 웹 사이트 및 응용 프로그램을 구축하는 데 잘 작동하며 WordPress와 같은 CMS에서 일반적으로 사용됩니다. 2. Python은 Numpy 및 Tensorflow와 같은 풍부한 라이브러리를 통해 데이터 과학 및 기계 학습 분야에서 뛰어난 공연을했습니다.

다른 HTTP 캐싱 헤더 (예 : 캐시 제어, ETAG, 최종 수정)를 설명하십시오.다른 HTTP 캐싱 헤더 (예 : 캐시 제어, ETAG, 최종 수정)를 설명하십시오.Apr 17, 2025 am 12:22 AM

HTTP 캐시 헤더의 주요 플레이어에는 캐시 제어, ETAG 및 최종 수정이 포함됩니다. 1. 캐시 제어는 캐싱 정책을 제어하는 ​​데 사용됩니다. 예 : 캐시 제어 : Max-AGE = 3600, 공개. 2. ETAG는 고유 식별자를 통해 리소스 변경을 확인합니다. 예 : ETAG : "686897696A7C876B7E". 3. Last-modified는 리소스의 마지막 수정 시간을 나타냅니다. 예 : 마지막으로 변형 : Wed, 21oct201507 : 28 : 00GMT.

PHP에서 보안 비밀번호 해싱을 설명하십시오 (예 : Password_hash, Password_Verify). 왜 MD5 또는 SHA1을 사용하지 않습니까?PHP에서 보안 비밀번호 해싱을 설명하십시오 (예 : Password_hash, Password_Verify). 왜 MD5 또는 SHA1을 사용하지 않습니까?Apr 17, 2025 am 12:06 AM

PHP에서 Password_hash 및 Password_Verify 기능을 사용하여 보안 비밀번호 해싱을 구현해야하며 MD5 또는 SHA1을 사용해서는 안됩니다. 1) Password_hash는 보안을 향상시키기 위해 소금 값이 포함 된 해시를 생성합니다. 2) Password_verify 암호를 확인하고 해시 값을 비교하여 보안을 보장합니다. 3) MD5 및 SHA1은 취약하고 소금 값이 부족하며 현대 암호 보안에는 적합하지 않습니다.

PHP : 서버 측 스크립팅 언어 소개PHP : 서버 측 스크립팅 언어 소개Apr 16, 2025 am 12:18 AM

PHP는 동적 웹 개발 및 서버 측 응용 프로그램에 사용되는 서버 측 스크립팅 언어입니다. 1.PHP는 편집이 필요하지 않으며 빠른 발전에 적합한 해석 된 언어입니다. 2. PHP 코드는 HTML에 포함되어 웹 페이지를 쉽게 개발할 수 있습니다. 3. PHP는 서버 측 로직을 처리하고 HTML 출력을 생성하며 사용자 상호 작용 및 데이터 처리를 지원합니다. 4. PHP는 데이터베이스와 상호 작용하고 프로세스 양식 제출 및 서버 측 작업을 실행할 수 있습니다.

PHP 및 웹 : 장기적인 영향 탐색PHP 및 웹 : 장기적인 영향 탐색Apr 16, 2025 am 12:17 AM

PHP는 지난 수십 년 동안 네트워크를 형성했으며 웹 개발에서 계속 중요한 역할을 할 것입니다. 1) PHP는 1994 년에 시작되었으며 MySQL과의 원활한 통합으로 인해 개발자에게 최초의 선택이되었습니다. 2) 핵심 기능에는 동적 컨텐츠 생성 및 데이터베이스와의 통합이 포함되며 웹 사이트를 실시간으로 업데이트하고 맞춤형 방식으로 표시 할 수 있습니다. 3) PHP의 광범위한 응용 및 생태계는 장기적인 영향을 미쳤지 만 버전 업데이트 및 보안 문제에 직면 해 있습니다. 4) PHP7의 출시와 같은 최근 몇 년간의 성능 향상을 통해 현대 언어와 경쟁 할 수 있습니다. 5) 앞으로 PHP는 컨테이너화 및 마이크로 서비스와 같은 새로운 도전을 다루어야하지만 유연성과 활발한 커뮤니티로 인해 적응력이 있습니다.

PHP를 사용하는 이유는 무엇입니까? 설명 된 장점과 혜택PHP를 사용하는 이유는 무엇입니까? 설명 된 장점과 혜택Apr 16, 2025 am 12:16 AM

PHP의 핵심 이점에는 학습 용이성, 강력한 웹 개발 지원, 풍부한 라이브러리 및 프레임 워크, 고성능 및 확장 성, 크로스 플랫폼 호환성 및 비용 효율성이 포함됩니다. 1) 배우고 사용하기 쉽고 초보자에게 적합합니다. 2) 웹 서버와 우수한 통합 및 여러 데이터베이스를 지원합니다. 3) Laravel과 같은 강력한 프레임 워크가 있습니다. 4) 최적화를 통해 고성능을 달성 할 수 있습니다. 5) 여러 운영 체제 지원; 6) 개발 비용을 줄이기위한 오픈 소스.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

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

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 달 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
1 몇 달 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
1 몇 달 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 채팅 명령 및 사용 방법
1 몇 달 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)