라라벨 개발 효율을 높이는 VSCode 필수 익스텐션 Laravel Blade Snippets

오늘의 포스트는 가볍게 VSCode의 익스텐션을 두 개 소개하려고 한다.

라라벨 개발 시에 도움이 되는 확장 기능인데, Laravel Snippets와 Laravel Blade Snippets다.

(글 제목에는 Laravel Blade Snippets만 써놓은 이유는, Laravel Blade Snippets는 거의 필수지만, Laravel Snippets는 있으면 좋지만 없어도 큰 문제는 없는 선택 사항이라고 생각했기 때문이다.)

이 두 확장 기능이 어떤 역할을 하는지 알아보자.

이전 포스트

Laravel 모델 간의 릴레이션(관계) 설정

라라벨(Laravel) Eloquent ORM에서 모델 간 릴레이션을 설정하는 정석 가이드입니다. User, Post, Comment 모델을 예시로 HasMany와 BelongsTo 양방향 관계 설정의 필요성과 실무 활용법을 알기 쉽게 정리합니다.

Laravel Blade Snippets 익스텐션

먼저 Laravel Blade Snippets 익스텐션을 설치하기 전의 뷰 파일의 코드를 봐보자.

@로 시작하거나 {{ }}로 감싸진 Blade 문법들의 코드가 VSCode에서 그냥 아무 의미 없는 텍스트처럼 하얗게 표시되고 있다.

그래서 굉장히 가독성이 떨어진다.

VSCode의 익스텐션 검색창에 Laravel Snippets를 입력한다.

그러면 Laravel Snippets와 Laravel Blade Snippets가 뜬다.

Laravel Snippets 익스텐션은 일단 놔두고, Laravel Blade Snippets를 설치해 보자.

Install 버튼을 클릭한다.

익스텐션을 설치하기 전에 항상 뜨는 메시지가 또 뜬다.

이 'Winnie Lin'이라는 제작자를 신뢰하는지 묻는 것이다.

설치하려면 Trust Publisher & Install 버튼을 누르면 된다.

설치 후 다시 뷰 파일의 코드를 살펴보자.

이전에는 블레이드 문법의 코드가 그냥 하얗게만 표시되고 있어서, 중요한 코드가 아니라 그냥 지워버려도 상관없는 일반 텍스트처럼 보였다.

그런데 지금은 이렇게 Blade 문법에도 색이 적용되어서 일반 텍스트가 아닌 중요한 코드처럼 보이고, 또 가독성도 좋아졌다.

색만 적용된 것이 아니라 Blade 문법 자동 완성 기능도 있어서 코드를 입력하기도 편해진다.

Laravel Snippets 익스텐션

Laravel Snippets는 컨트롤러나 모델, 라우트(web.php) 등에서 Laravel의 코드를 작성할 때, 자동 완성을 해주는 확장 기능이다.

어떤 식으로 작동하는지는 다음의 영상을 참고하자.

참고로 Laravel Snippets 익스텐션은 이름만 똑같은 게 2개가 있다.

반드시 다운로드 수가 더 많은, 'Winnie Lin'이 만든 익스텐션을 설치하자.

Laravel 개발 중에 컨트롤러나 모델, web.php 등에서 코드를 작성할 때, 자동 완성 기능을 사용하지 않는다면 이 익스텐션은 필요하지 않다.

하지만 Laravel Snippets의 설치 용량은 약 1~2 MB 정도이기 때문에 설치를 해도 컴퓨터가 무거워지는 수준은 전혀 아니다.

필요할 것 같다면 과감하게 설치해도 괜찮을 것 같다.

VSCode의 PHP Intelephense 익스텐션 (Cannot validate since a PHP installation could not be found 에러)

VSCode에서 php 파일을 열 때 발생하는 Cannot validate the php file 경고 메시지 해결법입니다. 로컬에 php를 설치하지 않고 도커 환경을 사용하는 분들을 위한 설정 팁과 필수 익스텐션인 PHP Intelephense 활용법을 정리했습니다.

VSCode를 DB 툴처럼! SQLTools 익스텐션 설치 및 도커 연결 가이드

VSCode에서 직접 데이터베이스(DB)를 조회할 수 있는 'SQLTools' 익스텐션 사용법을 정리했습니다. 별도의 DB 툴 설치 없이 도커 환경의 MariaDB와 연동하는 방법부터 상세한 설정 항목 설명, 그리고 .vscode 디렉터리 관리 팁까지 확인해 보세요.

Laravel 웹 애플리케이션을 만들 때 필요한 다른 확장 기능들도 이전에 소개했었다.

관심이 있다면 확인해 보자.