# 2022년 9월 29일

## 이미지 블록 추가

<figure><img src="https://4157608769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fs79vxaW8CX9zagdqGrY5%2Fuploads%2FFw0YAqqBd6KcggmRVffi%2F220929%20%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B5%20%E1%84%87%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A9%E1%86%A8%20%E1%84%8E%E1%85%AE%E1%84%80%E1%85%A1%403x.png?alt=media&#x26;token=d1241c78-f0b7-4276-be3b-d79c23223e45" alt=""><figcaption></figcaption></figure>

링크 블록의 작은 이미지로는 아쉬우셨죠?\
페이지를 원하는 크기만큼 꽉 채울 수 있는\ <mark style="background-color:blue;">**이미지 블록**</mark>이 추가됐습니다.

* 크롭퍼의 사이즈를 자유롭게 조정하여\
  자르거나 회전할 수 있습니다.
* 원한다면 이미지와 함께 보여줄\
  **타이틀**을 입력할 수도 있습니다. *(선택사항)*
* 캘린더 블록의 일정처럼 클릭하여 이동시키고 싶은\
  **링크 주소**를 연결할 수도 있습니다. *(선택사항)*

<mark style="color:red;">유의사항</mark>

* 이미지의 세로 길이를 가로 길이 대비\
  과하게 긴 모양으로 자를 경우\
  방문자의 접속 환경에 따라\
  이미지가 차지하는 영역이 너무 크거나,\
  화질이 저하될 수 있습니다.

## 텍스트 블록 줄바꿈 지원

<figure><img src="https://4157608769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fs79vxaW8CX9zagdqGrY5%2Fuploads%2FXxNRgJZRrQ7m4LH69FU6%2F220929%20%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3%20%E1%84%87%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A9%E1%86%A8%20%E1%84%8C%E1%85%AE%E1%86%AF%E1%84%87%E1%85%A1%E1%84%81%E1%85%AE%E1%86%B7%20%E1%84%8C%E1%85%B5%E1%84%8B%E1%85%AF%E1%86%AB%403x.png?alt=media&#x26;token=2e5660a8-0449-44a7-99e7-0d5ceb71428a" alt=""><figcaption></figcaption></figure>

텍스트의 내용이 많을 경우\
의도치 않게 예쁘지 않은 모양으로 줄바꿈이 되어\
여러 개의 블록을 추가할 수 밖에 없던\
불편함을 해결했습니다.

<figure><img src="https://4157608769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fs79vxaW8CX9zagdqGrY5%2Fuploads%2FJpwCZMYeTdMqqA9e7TEw%2F220929%20%E1%84%90%E1%85%A6%E1%86%A8%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3%20%E1%84%87%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A9%E1%86%A8%20%E1%84%8C%E1%85%AE%E1%86%AF%E1%84%87%E1%85%A1%E1%84%81%E1%85%AE%E1%86%B7%20%E1%84%8C%E1%85%B5%E1%84%8B%E1%85%AF%E1%86%AB_2%403x.png?alt=media&#x26;token=806afceb-bb48-487e-a5c2-5dc1b42467c5" alt=""><figcaption></figcaption></figure>

**최대 500자**까지 원하는 만큼 자유로운 분량으로\
**줄바꿈을 포함**한 텍스트 입력이 가능합니다.

* 입력한 내용은 일괄 가운데 정렬됩니다.

## 그외 소소한 개선 사항

### gif 확장자 파일을 업로드 할 수 있어요

<figure><img src="https://4157608769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fs79vxaW8CX9zagdqGrY5%2Fuploads%2Fkmuoqaar5kTJcIduKm9f%2Fgif%20%E1%84%91%E1%85%A1%E1%84%8B%E1%85%B5%E1%86%AF%20%E1%84%8C%E1%85%B5%E1%84%8B%E1%85%AF%E1%86%AB.gif?alt=media&#x26;token=a1281421-b517-45ec-8ed7-741bbe072c85" alt=""><figcaption></figcaption></figure>

이제 **gif 파일의 업로드**가 가능합니다.\
즉, **움짤** (움직이는 이미지)도 올릴 수가 있어요!&#x20;

* 링크 블록, 이미지 블록 뿐만 아니라\
  프로필/커버 이미지 그리고 브랜드 로고까지\
  **이미지 업로드하는 곳이라면 모두 지원**합니다.

### 방문자페이지 블록 애니메이션

<figure><img src="https://4157608769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fs79vxaW8CX9zagdqGrY5%2Fuploads%2FwmkW4MujHMrQIKQWJtlO%2F%E1%84%87%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A9%E1%86%A8%20%E1%84%8B%E1%85%A2%E1%84%82%E1%85%B5%E1%84%86%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%89%E1%85%A7%E1%86%AB.gif?alt=media&#x26;token=26302cd1-776c-457a-8b81-1386942a3a56" alt=""><figcaption></figcaption></figure>

방문자페이지에서 **블록 위에 마우스를 올리게 되면**\
**살짝 확대되는 애니메이션**이 적용되었습니다.

(모바일에서는 마우스가 없기 때문에\
해당 블록을 터치할 때 잠시 보이게 됩니다)

### (데스크톱) 방문자페이지 가로 길이 조정

기존 데스크톱 환경에서는\
방문자페이지의 가로 길이가 600px로 \
모바일 환경과 다소 차이가 났습니다.

이 차이를 최소화 하고\
450px로 조정하였습니다.

* 해당 변경사항은\
  96%이상이 모바일에서 접속하는\
  방문자페이지에 한하며,\
  관리의 편의성을 위하여\
  관리자 화면은 기존 600px를 유지합니다.\
  모바일 화면 기준으로 더 편하게 작업하세요!

[↗️ 바로 이미지 블록 추가해보기](https://link.inpock.co.kr/admin/block/image/post)

[↗️ 관리자 메인으로 돌아가기](https://link.inpock.co.kr/admin)

이번 텍스트 블록의 업데이트와 같이\
**이미 사용 중인 블록의 추가 기능**을 원하시거나\
아예 **새로운 블록/기능**을 원하시는 분이 있다면\
언제든 말씀해주세요! [↗️개선 요청하기 폼](https://tally.so/r/nrjP0R)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://abz.gitbook.io/inpocklink/news/updates/2022-9-29.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.