diff --git a/_posts/laravel/2024-02-06-laravel-debugging.md b/_posts/laravel/2024-02-06-laravel-debugging.md
index dee95493..4ce675b5 100644
--- a/_posts/laravel/2024-02-06-laravel-debugging.md
+++ b/_posts/laravel/2024-02-06-laravel-debugging.md
@@ -70,7 +70,7 @@ Scan for additional .ini files in: /opt/homebrew/etc/php/8.3/conf.d
Additional .ini files parsed: /opt/homebrew/etc/php/8.3/conf.d/ext-opcache.
```
-`Loaded Configuration File` 에 출력되는 php.ini 파일을 열어 아래 값을 추가한다.
+2번째 줄 `Loaded Configuration File` 에 출력되는 php.ini 파일을 열어 아래 값을 추가한다.
```ini
zend_extension="xdebug.so"
@@ -98,14 +98,17 @@ xdebug.log=xdebug.log
VSCode의 확장 프로그램 탭에서 "PHP Debug" 확장을 찾아 설치한다.
-
+
### 브레이크포인트 설정과 디버깅 실행
#### launch.json 작성
+{: .align-center width="300"}
+
디버깅을 시작하려면 `launch.json` 파일을 설정하여 디버깅 환경을 구성해야 한다. 이 파일은 VSCode의 디버깅 탭에서 최초로 디버깅을 실행할 경우 자동로 프로젝트의 `.vscode` 폴더 내에 생성된다. 만약 폴더가 없다면 직접 생성한 뒤 아래 내용을 추가한다.
+
```json
// .vscode/launch.json
{
@@ -120,16 +123,17 @@ VSCode의 확장 프로그램 탭에서 "PHP Debug" 확장을 찾아 설치한
}
]
}
-
```
+
+
딱히 많은 설정이 필요하지 않다. 중요한 부분은 `port`와 `hostname`은 위 php.ini 내 Xdebug 설정과 일치 해야 한다.
> 만약, 라라벨 애플리케이션을 로컬에서 개발하면서 실제 서버에 업로드하여 실행하는 경우, 로컬 파일 경로와 서버 파일 경로 간의 차이가 발생하여 디버깅에 어려움이 있다면 `pathMappings` 값을 이용하면 해결가능하다고 한다.
`php artisan serve` 를 수행 후 디버깅을 원하는 코드에서 중단점을 설정한 뒤 F5를 눌러 디버깅 세션을 시작하면 된다.
-
+{: .align-center width="500"}
