AMoon - 개발자의 각종 개발 정보 공유

사진을 썸네일에 넣었는데 인물이 한쪽으로 치우쳐 있나요?이미지의 보이는 부분을 조정하는 Crop 기능으로 인물을 가운데에 맞춰 보겠습니다.1. 완성할 썸네일과 준비물인물이 왼쪽에 있는 가로 사진을 준비해 주세요. Crop은 사진 원본을 지우지 않고 보이는 영역과 위치를 조절하는 기능입니다. 편집 권한이 있는 Figma 디자인 파일이 필요하며 모든 플랜에서 사용할 수 있습니다.2. 사진을 썸네일 크기로 준비하기사진을 캔버스에 배치하고 이미지 레이어를 선택합니다. 오른쪽 Layout에서 가로세로 비율 잠금이 켜져 있다면 해제한 뒤 W 480, H 270을 입력합니다. 사진 속 인물이 왼쪽에 놓인 상태를 확인하세요.3. Crop에서 인물 위치 조정하기사진을 선택한 상태에서 이미지를 더블 클릭해 Crop 편집으..

안녕하세요! AMoon 입니다.이번 포스팅은 [ 한글(HWP) 문서 끝이나 중간에 생긴 빈 페이지가 안 지워질 때 해결법 ] 입니다. : )표를 꽉 채워 만들었더니 뒤에 아무것도 없는 빈 쪽 이 하나 붙었다. 빈 쪽을 클릭해서 Delete를 눌러도 안 지워지고, 인쇄하면 빈 종이가 한 장 더 나온다.빈 페이지는 '빈 것처럼 보이지만 사실 무언가 들어 있는' 쪽이다. 이 글에서는 문단 부호를 켜서 그 무언가를 눈으로 확인 하고, 실제로 만든 두 가지 빈 페이지를 하나씩 지워 본다.이 글의 기준한컴오피스 한글 2014에서 직접 따라 하며 캡처했다.이 글의 핵심[보기] 탭 → 문단 부호, 조판 부호 에 체크하면 빈 쪽에 숨은 ↵ 가 보인다.빈 쪽의 ↵ 를 클릭하고 Backspace 를 누른다. Delete가 ..

안녕하세요! AMoon 입니다.이번 포스팅은 [ 저장 안 하고 꺼진 한글(HWP) 문서 복구하는 방법 ] 입니다. : )한참 쓰던 문서가 저장도 안 했는데 한글이 멈추거나 PC가 꺼졌다. 이럴 때 가장 먼저 할 일은 한글을 다시 켜고, 뜨는 안내 창에서 [불러옴]을 누르는 것 이다.한글은 기본으로 10분마다, 그리고 10초 동안 쉴 때마다 문서를 몰래 따로 저장해 둔다. 이 글에서는 실제로 문서를 고친 뒤 저장하지 않고 한글을 강제로 끄고, 다시 켜서 살려 봤다.이 글의 기준한컴오피스 한글 2014에서 직접 따라 하며 캡처했다. 자동 저장 폴더 이름은 버전마다 숫자가 다를 수 있다.이 글의 핵심한글을 다시 켜면 나오는 안내 창에서 [불러옴] 을 누른다. [취소]를 누르면 자동 저장 파일이 지워진다.불러온..

안녕하세요! AMoon 입니다.이번 포스팅은 [ 한글(HWP) 표가 통째로 다음 쪽으로 넘어가거나 아래가 잘려 안 보일 때 해결법 ] 입니다. : )한글에서 긴 표를 만들다 보면 이런 일이 생긴다. 표 앞에 자리가 충분히 남았는데도 표가 통째로 다음 쪽으로 넘어가 앞 쪽 아래가 휑하게 비어 버린다. 줄을 더 늘리면 이번엔 표 아래쪽이 쪽 밖으로 밀려 아예 안 보인다.원인은 대부분 하나다. 표에 '글자처럼 취급' 이 켜져 있어서다. 이 글에서는 일부러 문제를 만든 뒤, 표를 쪽마다 자연스럽게 나누고 다음 쪽에도 머리글 줄이 나오게 고쳐 본다.이 글의 기준한컴오피스 한글 2014에서 직접 따라 하며 캡처했다. 표/셀 속성 창의 구성은 다른 버전에서도 거의 같다.이 글의 핵심표 안을 클릭하고 표/셀 속성 (C..

안녕하세요! AMoon 입니다.이번 포스팅은 [ HWPX 파일이 안 열릴 때 확인할 것 ] 입니다. : )공문이나 과제 파일로 .hwpx 를 받았는데 열리지 않는다는 경우가 많다. 더블클릭하면 엉뚱한 프로그램이 뜨거나, 한글의 [불러오기] 창에서 아예 파일이 안 보이기도 한다.직접 한글 2014로 확인해 보니, 의외로 열기 창의 파일 형식 때문에 hwpx가 목록에 안 보이는 경우 가 있었다. 한글이 hwpx를 못 여는 게 아니라 '보이지 않을 뿐'이었다.이 글에서는 원인별로 하나씩 확인하는 순서를 정리한다.이 글의 기준한컴오피스 한글 2014에서 직접 따라 하며 캡처했다. 이 PC의 2014에서는 hwpx 열기와 저장이 모두 됐다.이 글의 핵심열기 창에 안 보이면 파일 형식을 '한글 표준 문서 (*.hw..

안녕하세요! AMoon 입니다.이번 포스팅은 [ HWP와 HWPX의 차이, 그리고 서로 변환하는 방법 ] 입니다. : )요즘 공문이나 첨부파일을 받으면 확장자가 .hwp 가 아니라 .hwpx 인 경우가 부쩍 많다. 반대로 "hwpx로 다시 보내 주세요"라는 요청을 받기도 한다.둘 다 한글 문서인데 뭐가 다른 걸까? 결론부터 말하면 hwpx는 한글 문서를 누구나 열어 볼 수 있는 XML로 저장한 새 형식 이다. 변환은 [다른 이름으로 저장] 에서 파일 형식만 바꾸면 끝난다.이 글에서는 같은 문서를 두 형식으로 저장해 차이를 직접 확인하고, hwp → hwpx, hwpx → hwp, 버전 낮춰 저장까지 차례로 해본다.이 글의 기준한컴오피스 한글 2014에서 직접 따라 하며 캡처했다. 2014에서도 hwpx ..

같은 사진을 넣어도 카드가 꽉 차거나 여백이 생길 수 있습니다.Fill과 Fit을 직접 바꿔 보며 두 방식의 차이를 확인하겠습니다.1. 같은 사진을 다르게 맞추기사진을 카드에 넣었는데 양옆이 잘리거나 위아래가 비어 보이나요? Figma 이미지 Fill mode를 바꾸면 도형 안에서 사진을 맞추는 방식을 선택할 수 있습니다.가로로 긴 해변 사진을 240×240px 정사각형 두 개에 넣고 Fill과 Fit을 비교해 보겠습니다. 편집 권한이 있는 디자인 파일과 가로 사진 한 장을 준비하세요.2. 비교할 사진 두 장 준비하기가로 사진을 캔버스에 추가합니다. Layers에서 사진 레이어를 선택하고 오른쪽 Layout에서 잠금 비율을 해제한 다음 W 240, H 240으로 바꿉니다. 같은 사진 레이어를 복제해 오른..

둥근 모서리도 설정에 따라 선이 이어지는 느낌이 달라집니다.보라색 앱 아이콘 배경을 만들며 Corner smoothing을 조절하고 차이를 확인해 보겠습니다.1. 완성할 앱 아이콘과 준비모서리를 둥글게 만든 아이콘이 조금 더 부드럽게 이어지게 하고 싶나요? Corner smoothing은 둥근 모서리와 직선이 만나는 부분을 연속 곡선처럼 다듬는 설정입니다.이번 실습에서는 200×200px 보라색 사각형에 48px 모서리 반경을 적용하고, 스무딩을 0%와 60%로 비교합니다. 편집 권한이 있는 Figma 디자인 파일을 열어 주세요.2. 아이콘 배경 만들기사각형 도구로 도형을 만들고 선택한 상태에서 오른쪽 Design 패널의 W 200, H 200, Fill #7C3AED를 입력합니다. 레이어 이름은 Ico..

메뉴 항목 사이에 가느다란 구분선이 필요할 때가 있습니다.이번에는 별도 선 도형을 그리지 않고, 사각형의 아래쪽 Stroke만 사용해 메뉴 세 줄을 완성합니다.1. 만들 결과와 준비설정 메뉴에 항목이 여러 개 있으면 어디서 한 항목이 끝나는지 헷갈릴 수 있습니다. 이번에는 각 행의 아래쪽에만 선을 넣어 세 줄짜리 메뉴를 구분해 보겠습니다.각 행은 320×64px 흰색 사각형입니다. 구분선은 #CBD5E1, 1px, Bottom으로 설정합니다. 편집 권한이 있는 Figma 디자인 파일에서 시작하세요.2. 첫 번째 메뉴 행 만들기흰색 사각형과 문구 추가사각형 도구로 도형을 그린 다음 오른쪽 패널에서 W 320, H 64, Fill은 #FFFFFF로 설정합니다. 레이어 이름을 Menu row로 바꿉니다. 편집..

흰 카드가 배경에 묻힌다면 얇은 테두리 하나로 구분할 수 있습니다.이번에는 Stroke 색상과 두께, 위치를 설정해 프로필 카드 하나를 완성합니다.1. 완성할 프로필 카드와 준비물흰 카드의 경계가 배경에 묻히나요? 테두리(Stroke)는 도형의 경로를 따라 선을 표시하는 속성입니다. 흰 카드에 보라색 선을 더해 구분해 보겠습니다. 편집 권한이 있는 Figma 디자인 파일을 열어 주세요.완성할 카드는 가로 360, 세로 144px, 모서리 반경 20px입니다. 흰색 카드, 연보라 원형 아바타, 이름과 소개 문구로 구성합니다.2. 카드와 프로필 요소 만들기흰색 카드 만들기사각형 도구로 도형을 그린 뒤 오른쪽 패널에서 W 360, H 144, 모서리 반경 20, Fill #FFFFFF를 입력합니다. 레이어 이..