# STEP1 기본정보 앱제작 V3 제작 매뉴얼 중 STEP1 기본정보 입력 단계 방법을 알려드립니다. 기본정보는 **앱제작에 필요한 기본 정보를 입력하는 단계로 앱이름, 아이콘 이미지, 대기화면 이미지 등을 등록하는 단계입니다.** ### **STEP1 기본정보** ![](https://wp.swing2app.co.kr/wp-content/uploads/2022/06/%EA%B0%80%EC%9D%B4%EB%93%9C1.png) 1\. 앱 이름: 앱 이름을 기재합니다 . 2\. 앱 아이디 : 제작한 앱에 고유 아이디를 적용합니다. 입력 후 중복확인 체크!! \*영문+숫자 포함 6자 이상! 3\. 앱 아이콘: 앱 아이콘 이미지를 등록합니다. 4\. 대기화면: 앱 실행시 1\~2초 정도 보여지는 대기화면 이미지를 등록합니다. \*앱제작 마법사 창에서 (앱이름, 아이콘 이미지, 대기화면 이미지)모두 입력을 했다면 해당 메뉴는 입력하지 않아도 되구요. 수정은 본 메뉴에서 진행해주세요. 5\. 저장 : 작업이 완료될 때마다 \[저장] 버튼을 선택해서, 작업 내용을 저장해주세요. ![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FCBHmGWW0qsdJpYdxpKXO%2F%EC%88%98%ED%8F%89%EC%84%B1.PNG?alt=media\&token=b5cbc908-0f85-4e68-8688-6cd68b95754e) ### ![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%8B%A8%EB%9D%BD1-1.png) **1.아이콘 이미지 업로드** ![](https://wp.swing2app.co.kr/wp-content/uploads/2022/06/%EA%B0%80%EC%9D%B4%EB%93%9C1-1.png) **아이콘 이미지 사이즈: 1024px\*1024px** 1\)아이콘 업로드 버튼 선택 2\)파일첨부 창에서 이미지 업로드 버튼을 선택합니다. 3\)아이콘으로 사용할 이미지 등록 후 적용 버튼을 선택합니다. ![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FCBHmGWW0qsdJpYdxpKXO%2F%EC%88%98%ED%8F%89%EC%84%B1.PNG?alt=media\&token=b5cbc908-0f85-4e68-8688-6cd68b95754e) ### ![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%8B%A8%EB%9D%BD1-1.png) **2.대기화면 이미지 업로드** ![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EA%B0%80%EC%9D%B4%EB%93%9C2-1.png) **대기화면 이미지 사이즈 : 2282px\*2282px** 1\)대기화면 업로드 버튼 선택 2\)파일첨부 창에서 이미지 업로드 버튼을 선택합니다. 3\)대기화면으로 사용할 이미지 등록 후 적용 버튼을 선택합니다. 아이콘, 대기화면 이미지 제작 가이드를 확인해주세요. {% hint style="info" %} 일반 이미지가 아닌 앱 아이콘과 대기화면으로 사용하는 가이드가 따로 있어요! 반드시 해당 가이드대로 이미지를 디자인 후 적용해주세요.​ [**아이콘 이미지 제작 가이드 보러가기**](https://documentation.swing2app.co.kr/manual/v2/appbasic/appicon) [**대기화면 이미지 제작 가이드 보러가기**](https://documentation.swing2app.co.kr/manual/v2/appbasic/apploading) {% endhint %} ![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FCBHmGWW0qsdJpYdxpKXO%2F%EC%88%98%ED%8F%89%EC%84%B1.PNG?alt=media\&token=b5cbc908-0f85-4e68-8688-6cd68b95754e) ### ![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%8B%A8%EB%9D%BD1-1.png) **3.기본정보 입력완료** ![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EA%B8%B0%EB%B3%B8%EC%A0%95%EB%B3%B4%EC%9E%85%EB%A0%A5%EC%99%84%EB%A3%8C.png) STEP1 기본정보 단계 입력이 완료되었습니다. 앱 아이디를 제외하고 앱 이름, 아이콘, 대기화면 이미지는 앱제작 후에도 수정이 가능해요. \*STEP1 기본정보 단계 수정 후 \[앱 업데이트] 버튼을 눌러 새 버전으로 업데이트 해야 수정된 항목이 앱에 반영됩니다. ![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FCBHmGWW0qsdJpYdxpKXO%2F%EC%88%98%ED%8F%89%EC%84%B1.PNG?alt=media\&token=b5cbc908-0f85-4e68-8688-6cd68b95754e) ### ![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%8B%A8%EB%9D%BD1-1.png) 4.**이미지 편집도구란?** **이미지편집도구는 앱제작시 이미지 사이즈를 수정해야 할 때 스윙투앱에서 제공하는 편집도구로 간편하게 사이즈를 수정할 수 있는 기능입니다.** 앱제작시 업로드하고자 하는 이미지 사이즈가 제작방법에서 기재해놓은 권장 이미지 사이즈와 다를 경우, 간편하게 사이즈를 수정할 수 있습니다. ![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EC%9D%B4%EB%AF%B8%EC%A7%80%ED%8E%B8%EC%A7%91%EC%B0%BD1.png) 앱 아이콘 이미지의 사이즈는 **가로\*세로 1024 x 1024 px** 사이즈인데요. 만약 첨부한 이미지가 해당 사이즈와 맞지 않는 경우 위의 이미지처럼 사이즈가 일치하지 않는다는 창이 뜹니다. ‘확인’을 선택하면 이미지 편집도구 창으로 이동합니다. ![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EC%9D%B4%EB%AF%B8%EC%A7%80%ED%8E%B8%EC%A7%91%EC%B0%BD2.png) 해당 이미지에서 보시는 것처럼 이미지 편집도구 창에서 **업로드 해야 하는 이미지 사이즈 만큼의 영역(파란색 선)이 지정되어 있구요.** 파란색 선을 마우스로 선택하여 당기거나 줄일 수 있어요. 이미지를 해당 영역에 맞게 조절하여 수정할 수 있습니다. 이미지가 클 경우, 해당 영역 안으로 원하는 이미지가 들어올 수 있도록 마우스로 영역을 끌어서 적용하면 됩니다. 수정이 완료되면 \[업로드 (수정 완료)] 버튼을 선택해주세요. ![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EC%9D%B4%EB%AF%B8%EC%A7%80%ED%8E%B8%EC%A7%91%EC%B0%BD3.png) 이미지 사이즈 수정이 완료되었구요. 파일첨부 창에 업로드 된 이미지 확인 후 \[적용] 버튼을 선택해주세요. 제작 화면에서 \[저장]버튼을 선택하면 등록이 완료됩니다. {% hint style="danger" %} **편집도구 주의사항** 1\)권장 사이즈가 정해진 이미지를 등록할 때는 그림 편집 프로그램을 통해 디자인 및 사이즈 작업이 모두 완료된 이미지를 등록하는 것을 권장드립니다. 아이콘, 대기화면은 핸드폰 어플 설치시 바로 보여지는 해상도가 큰 이미지이기 때문에 인위적으로 사이즈를 수정하는 것보다 완성된 이미지를 등록하는 것이 퀄리티 면에서 훨씬 좋습니다. 2\)이미지 편집도구는 **이미지의 사이즈를 조절하여 크기를 수정하는 기능만 제공됩니다.** 포토샵, 일러스트, 그림판 같은 그림 편집 기능은 제공하지 않습니다. 따라서 디자인이 완료된 이미지를 사용해주세요. 3\)올려야하는 이미지 사이즈 보다 작은 이미지를 업로드했을 경우는 사이즈를 원래보다 늘려야 하기 때문에 이미지 해상도가 안좋아질 수 있어요. (위의 이미지 사이즈 1024×1024보다 업로드한 이미지의 사이즈가 더 적을경우) 따라서 지정된 사이즈보다 큰 이미지를 사용하시는 것을 권장드립니다. {% endhint %}