개발자 도구

관리자 사이드바에서 Stores > Settings>Configuration(으)로 이동합니다.

왼쪽 패널에서 Advanced ​을(를) 확장하고 Developer ​을(를) 선택합니다.

Front-end Development Workflow 섹션에서 를 확장합니다.

Workflow Type ​을(를) 다음 중 하나로 설정합니다.

• Client side less compilation - 기본 less.js 라이브러리를 사용하여 브라우저에서 컴파일이 수행됩니다.
• Server side less compilation - Less PHP 라이브러리를 사용하여 서버에서 컴파일이 수행됩니다. 프로덕션 기본 모드입니다.

완료되면 Save Config ​을(를) 클릭합니다.

관리자 사이드바에서 Stores > Settings>Configuration(으)로 이동합니다.

왼쪽 패널에서 Advanced ​을(를) 확장하고 Developer ​을(를) 선택합니다.

Static Files Settings 섹션에서 를 확장합니다.

Sign Static Files ​을(를) Yes(으)로 설정합니다.

완료되면 Save Config ​을(를) 클릭합니다.

관리자 사이드바에서 Stores > Settings>Configuration(으)로 이동합니다.

왼쪽 패널에서 Advanced ​을(를) 확장하고 Developer ​을(를) 선택합니다.

CSS 파일을 최적화하려면 CSS Settings 섹션에서 를 확장하고 다음을 수행합니다.

• Merge CSS Files ​을(를) Yes(으)로 설정합니다.
• Minify CSS Files ​을(를) Yes(으)로 설정합니다.

{width="600" modal="regular"}

JavaScript 파일을 최적화하려면 JavaScript Settings 섹션에서 를 확장하고 다음을 수행합니다.

• Merge JavaScript Files ​을(를) Yes(으)로 설정합니다.
• Minify JavaScript Files ​을(를) Yes(으)로 설정합니다.

{width="600" modal="regular"}

PHTML 템플릿 파일을 축소하려면 Template Settings 섹션에서 를 확장하고 Minify Html ​을(를) Yes(으)로 설정합니다.

{width="600" modal="regular"}

완료되면 Save Config ​을(를) 클릭합니다.

관리자 사이드바에서 Stores > Settings>Configuration(으)로 이동합니다.

왼쪽 패널에서 Advanced ​을(를) 확장하고 Developer ​을(를) 선택합니다.

Developer Client Restrictions 섹션에서 를 확장합니다.

{width="600" modal="regular"}

Allow IPs ​의 경우 IP 주소를 입력하십시오.

여러 IP 주소에서 액세스해야 하는 경우 쉼표로 각각 구분하십시오.

완료되면 Save Config ​을(를) 클릭합니다.

메시지가 표시되면 잘못된 캐시를 새로 고칩니다.

관리자 사이드바에서 Stores > Settings>Configuration(으)로 이동합니다.

왼쪽 패널에서 Advanced ​을(를) 확장하고 Developer ​을(를) 선택합니다.

Debug 섹션에서 를 확장하고 다음을 수행합니다.

{width="600" modal="regular"}

• 저장소에 대한 템플릿 경로 힌트를 활성화하려면 Enabled Template Path Hints for Storefront ​을(를) Yes(으)로 설정하십시오.

• URL에 templatehints 매개 변수가 포함된 경우에만 저장소에 대한 템플릿 경로 힌트를 활성화하려면 URL 매개 변수가 있는 Storefront에 대한 힌트 활성화 ​를 Yes(으)로 설정하십시오. 그런 다음 필요한 경우 매개 변수의 값을 설정합니다. 기본값은 magento이지만 사용자 지정 값을 사용할 수 있습니다. 예를 들어 값을 lorem(으)로 변경하면 mymagento.com?templatehints=lorem을(를) 사용하여 템플릿 힌트를 표시합니다.

• 관리자에 대한 템플릿 경로 힌트를 활성화하려면 Enabled Template Path Hints for Admin ​을(를) Yes(으)로 설정하십시오.

• 블록 이름을 포함하려면 Add Block Class Type to Hints ​을(를) Yes(으)로 설정하십시오.

완료되면 Save Config ​을(를) 클릭합니다.

관리자 사이드바에서 System > Tools>Cache Management(으)로 이동합니다.

오른쪽 상단에서 Flush Magento Cache ​을(를) 클릭합니다.

관리자 사이드바에서 System > Tools>Cache Management(으)로 이동합니다.

다음 확인란을 선택합니다.

• Blocks HTML output
• Page Cache
• Translations

Actions 컨트롤을 Disable(으)로 설정하고 Submit ​을(를) 클릭합니다.

관리자 사이드바에서 Stores > Settings>Configuration(으)로 이동합니다.

특정 스토어 보기로 작업하려면 Store View ​을(를) 업데이트하도록 설정하십시오.

왼쪽 패널에서 Advanced ​을(를) 확장하고 Developer ​을(를) 선택합니다.

Translate Inline 섹션에서 를 확장합니다.

필요에 따라 Use Website 확인란의 선택을 취소하여 이 설정을 수정합니다.

특정 스토어 보기를 편집할 때는 Enabled for Admin ​옵션을 사용할 수 없습니다.

{width="600" modal="regular"}

Enabled for Storefront ​을(를) Yes(으)로 설정합니다.

완료되면 Save Config ​을(를) 클릭합니다.

메시지가 표시되면 유효하지 않은 캐시를 새로 고치지만 비활성화된 캐시는 그대로 둡니다.

브라우저에서 상점을 열고 편집할 페이지로 이동합니다.

필요한 경우 언어 선택기를 사용하여 스토어 보기를 변경합니다. 번역할 수 있는 각 텍스트 문자열은 빨간색으로 윤곽선이 표시됩니다. 텍스트 상자 위로 마우스를 가져가면 책 아이콘( )이 나타납니다.

책 아이콘을 클릭하여 번역 창을 열고 다음을 수행합니다.

• 특정 스토어 보기에 대한 변경 사항인 경우 Store View Specific 확인란을 선택하십시오.

• 새 Custom 텍스트를 입력하십시오.

완료되면 Submit ​을(를) 클릭합니다.

{width="700" modal="regular"}

스토어에서 변경 사항을 보려면 브라우저를 새로 고치십시오.

변경할 저장소의 모든 요소에 대해 이 프로세스를 반복합니다.

스토어의 관리자로 돌아갑니다.

관리자 사이드바에서 Stores > Settings>Configuration(으)로 이동합니다.

편집된 특정 보기로 Store View ​을(를) 설정합니다.

왼쪽 패널에서 Advanced ​을(를) 확장하고 Developer ​을(를) 선택합니다.

Translate Inline 섹션에서 를 확장합니다.

Enabled for Frontend ​을(를) No(으)로 설정합니다.

완료되면 Save Config ​을(를) 클릭합니다.

관리자 사이드바에서 System > Tools>Cache Management(으)로 이동합니다.

이전에 비활성화되었던 다음 출력 캐시의 확인란을 선택합니다.

• Blocks HTML output
• Page Cache
• Translations

Actions 컨트롤을 Enable(으)로 설정하고 Submit ​을(를) 클릭합니다.

메시지가 표시되면 잘못된 캐시를 새로 고칩니다.