> For the complete documentation index, see [llms.txt](https://abz.gitbook.io/inpocklink/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://abz.gitbook.io/inpocklink/news/updates/2022-9-29.md).

# 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&amp;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&amp;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&amp;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&amp;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&amp;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)