노코드를 이용한 앱 개발의 9가지 과정



새로운 앱 아이디어를 생각해 내는 것은 누구에게나 신나는 일입니다.

하지만 실제로 앱을 완성하는 것은 그리 간단하지 만은 않습니다.

그래서 '노코드'라는 강력하고 간편한 기능을 이용해

앱 아이디어를 시장에 출시하는 9가지 과정을 소개합니다.




1. 아이디어 구체화하기

원래의 아이디어와 똑같이 생긴 완제품이 나오는 경우는 많지 않습니다.

실제로 개발 과정에서 사용자가 원하는 것에 대해 자세히 알게 됨에 따라 많은 변경 사항이 있습니다.

스스로에게 질문을 던져보며 아이디어를 최대한 다듬어보세요.




2. 시장 조사

제품 아이디어를 구체화한 후에는 현재 진출하고 있는 시장을 좀 더 깊이 들여다볼 필요가 있습니다.

여러분의 아이디어에 대한 수요가 항상 있는 것은 아니기 때문에,

여러분은 아이디어에 대한 수요가 있는지 확인해야 합니다.

이를 위한 방법은 다음과 같습니다:


유사한 제품 찾기여러분이 질문해야 할 첫 번째 질문은 '여러분의 경쟁사가 어떤가?'입니다.

유사한 작업을 수행하는 웹 앱이 있으며 작업을 얼마나 잘 수행하는지 살펴봐야 합니다.


다음 질문은 현재 진행 중인 문제를 '경쟁업체가 얼마나 잘 해결하느냐?'는 것입니다.

해당 경쟁업체에 대한 나쁜 평가를 발견하면

시장에 진입하여 더 나은 솔루션을 제공할 수도 있습니다.


해결 중인 문제에 대한 불만 사항 찾기

새로운 웹 앱을 시작할 때 가장 중요한 문제 중 하나는 해결해야 할 문제를 찾는 것입니다.


온라인 혹은 오프라인에서 당신의 타겟 사용자들이 느끼는 문제와

그들이 문제를 해결하기 위한 방법에 대해 조사하세요.

이 정보를 사용하여 앱에 대한 요점과 아이디어를 더욱 개선할 수 있습니다.







3. 사용자에 대해 자세히 알아보기

다음 단계는 사용자가 누구인지 자세히 알아보는 것입니다.

현실적으로 당신의 앱을 사용자들이 좋아할 것이라는 보장이 없습니다.

그렇기 때문에 앱을 사용할 가능성이 높은 사람들에게 연락하여

그들에 대해 더 자세히 알고 그들이 매일 직면하는 문제를 알아내야 합니다.




4. 최소 실행 가능한 제품(MVP)을 설계

잠재 고객과 아이디어를 검증한 후에는 사용자에게 무엇을 할 수 있는지 보여줄 때입니다.

가장 좋은 방법은 최소한의 실행 가능한 제품(MVP)을 만드는 것입니다.

MVP는 제공하려는 필수 기능을 제공하는 앱의 제한된 버전입니다.

MVP를 통해 신속하게 문제점을 찾고 해결하는 과정을 반복할 수 있습니다.

MVP를 사용하여 받은 초기 피드백을 활용하여 앱을 실행할 방향을 지정할 수 있습니다.

그들의 문제점이 무엇인지, 그들이 어떤 기능을 필요로 하는지,

그리고 당신의 앱이 그 대가를 치를 만한 가치가 있는지를 알려줄 것입니다.




5. 사용자 이동 경로를 디자인하기

MVP가 포함해야 할 기능을 결정한 후에는 앱의 디자인을 살펴봐야 합니다.

사용자 이동 경로에 따라 사용자가 앱을 탐색하고 목표를 달성하는 방법이 결정됩니다.

노코드 도구로 디자인하기 전에 스크래치 종이 위에 앱을 디자인하고

앱이 완성되면 어떤 모습일지 상상해 보세요.

간단한 웹 앱의 스케치를 마치면 스케치를

Figma와 같은 온라인 프로토타이핑 프로그램으로 구현할 수 있습니다.

또한 온라인 프로토타이핑 프로그램을 사용하여

사용자 이동 경로를 인터랙티브하게 만들 수도 있습니다.







6. 개발 도구 결정

이제 앱의 작동 방식과 모양을 알았으므로 어떤 개발 도구를 사용할지 결정해야 합니다.


먼저 앱을 만드는 데에 필요한 핵심 요소들을 소개합니다.


데이터베이스

당신의 데이터베이스는 당신의 앱에 대한 모든 정보를 담고 있습니다.

서로 다른 시트 간에 고유한 관계를 만들 수 있는 더 복잡한 스프레드시트라고 생각할 수 있습니다.


백엔드

앱이 단순한 데이터 조작 이상을 수반하는 경우,

데이터베이스에만 집중하는 노코드 도구로는 사용자의 요구를 충족시키기에 충분하지 않을 수 있습니다. 이 경우 백엔드 워크플로우를 만들 수 있는 도구가 필요합니다.


프론트엔드

앱 데이터를 사용자에게 보여줄 방법이 필요합니다.

데이터베이스에 연결하는 웹 사이트 작성기가 필요합니다.

간단한 데이터베이스 노코드 도구를 사용하는 경우, 데이터를 사이트에 직접 통합할 수 있습니다.

보다 복잡한 백엔드 툴을 사용하는 경우 백엔드와 직접 호환되는 솔루션을 찾아야 합니다.


결제처리

앱에서 사용자 결제가 필요한 경우 앱 결제를 수락할 신용 카드 프로세서를 찾아야 합니다.

문제는 앱 서버에서 직접 이 작업을 수행하는 데 많은 시간과 비용이 든다는 것입니다.

대부분의 소기업은 PCI 규정 준수 자체를 처리할 리소스가 없습니다.

대부분의 기업이 타사 결제 프로세서로 이동한 이유입니다.

다행히 노코드 툴에서도 동일한 작업을 수행할 수 있습니다.


모든 기능을 갖춘 노코드 도구 'Bubble.io'


노코드 도구가 획기적으로 개선됨에 따라,

새로운 소프트웨어는 이제 전체 앱 개발 프로세스를 처리할 수 있습니다.

특히 'Bubble.io'와 같은 도구는 데이터베이스, 프론트엔드 및 백엔드 개발을 처리할 수 있습니다.

백엔드 기능을 구축하고, 웹 사이트를 설계하고, 데이터를 관리할 수 있는

간단한 드래그 앤 드롭 인터페이스를 제공합니다.




7. 개발 과정 시작

사용할 도구를 결정했으면 이제 앱 개발을 시작할 시간입니다.

각 노코드 툴에는 사용자가 시작하는 데 도움이 되는 따라하기 쉬운 지침이 있습니다.

몇 가지 간단한 앱으로 실습하여 기술이 어떻게 작동하는지 알아보십시오.

일단 기술을 익히면 더 복잡한 워크플로우를 구축할 수 있습니다.

대부분의 경우 미리 만들어진 템플릿을 사용하여 일부 기능의 개발을 건너뛸 수도 있습니다.




8. 사용성 테스트 시작

테스트는 앱 출시의 가장 중요한 부분입니다.

테스트 담당자가 따라야 할 테스트 절차를 제시하여 결과를 공정하게 분석해야 합니다.

또한, 실제 사용자가 진행하는 테스트도 필요합니다.

이렇게 하면 사용자에게 피드백을 제공하여 사용자의 앱을 더욱 세분화할 수 있습니다.





9. 앱 실행

테스트 단계가 끝나면 드디어 앱을 세상에 출시할 준비가 되었습니다!

개발이 완료되면 웹 사이트를 도메인 이름으로 연결해야 합니다.

이상적으로는 앱을 호스팅하는 다른 회사에서 도메인을 호스팅해야 합니다.

호스팅과 도메인을 별도로 유지하면 호스팅 실패 시 위험을 줄이는 데 도움이 됩니다.


앱을 출시하였다면 앱을 사용하는 고객들의 데이터 수집을 시작해야 합니다.

사람들이 어떤 문제에 직면하는지,

사람들이 가장 일반적으로 사용하는 기능이 무엇인지 알 수 있습니다.

이 모든 것은 앞으로의 상황을 개선하는 데 사용할 수 있는 정보입니다.







이제 간단한 웹 앱 구축에 대해 더 많이 알게 되었으니 시작할 준비가 되었습니다!

그리고 가장 좋은 소식은 앱 아이디어를 실현하기 위해 기술 전문가가 될 필요가 없다는 것입니다.

초보자를 위한 웹 앱은 배우고자 하는 사람이라면 누구나 시작할 수 있습니다.


노코드 툴 'Bubble.io'를 사용해 자신만의 앱을 만들고 실현시켜보세요 !

다른 블로그 글
예비/초기창업패키지 천만원으로 서비스 개발 할 수 있을까?

정부지원사업 지원금으로 외주개발을 완벽하게 맡기는 방법

버블 bubble.io 독학, 강의 및 학습 코스 추천

버블(bubble.io)를 공부하려는 분들은 어떻게 시작해야 할지 막막해합니다. 리트머스에서 추천하는 버블 학습 코스를 소개합니다.

NHN Cloud API로 sms(mms)보내기 (1)

bubble.io로 실제 프로덕트를 제작할 때 유용하게 활용될 수 있는 sms 전송/ 카카오 알림톡 api를 연결해서 전송하는 방법

버블에서 리피팅그룹 각 셀마다 워크플로우를 실행하고 싶을 때 : 플러그인 오케스트라(orchestra)

버블에서 리피팅그룹 각 셀마다 워크플로우를 실행하고 싶을 때 사용하는 플러그인 : 오케스트라(orchestra)

IT창업의 비용을 10분의 1로 줄이는법

IT프로젝트를 코드 / 노코드로 개발했을 때 각각을 소요되는 시간과 비용적 관점에서 비교해보겠습니다.

초기 단계의 스타트업에게 외주개발이 공기만큼 중요한 이유

실패하는 스타트업의 원인을 분석해보면 개발비를 잘못 선택하여 사업이 실패하는 경우가 많습니다.

노코드 개발방식의 이점

비용이 많이 들고 시간이 많이 걸리는 개발에 지쳤다면 노코드가 답입니다.

6가지 사례를 통해 살펴보는 아웃소싱이 필요한 경우

기업마다 처한 상황이 다르기 때문에 각 기업에 알맞은 아웃소싱 전략이 필요합니다. 오늘은 시나리오 사례를 통해 어떤 상황에서 아웃소싱이 필요한지 살펴보겠습니다.

아웃소싱: 차세대 비즈니스 성공의 열쇠

이 2,600억 달러 규모의 수면 산업은 미래의 비즈니스 성공, 탄력성 및 연속성의 열쇠를 쥐고 있을 수도 있습니다.

소프트웨어 외주개발: 어떤 점이 매력적인가?

이 글에서는 소프트웨어 개발 아웃소싱에 집중하여, 이것의 어떤 특성이 비즈니스에 매력적으로 다가올 수 있는 지에 대해 알아보도록 하겠습니다.

모든 스타트업이 배울 수 있는 6가지 IT 아웃소싱 사례 연구

대기업의 성공적인 아웃소싱 사례를 사용하여 공동 창업자가 따를 수 있는 몇 가지 교훈을 도출하고자 합니다.

B2B 산업의 미래는 아웃소싱이다

아웃소싱은 B2B 산업의 미래입니다. 대담한 주장처럼 들릴 수 있지만, 최근의 추세와 현실은 이 주장을 검증합니다.

외주 개발 : 스타트업을 위한 전략적 접근법

외주 개발은 소프트웨어 개발의 어려움을 극복할 수 있는 방법 중 하나이며 많은 기업들이 외주를 통해 개발을 진행하고 있습니다.

노코드 개발의 미래: 혁신과 포용을 뒷받침한다

앞으로의 노코드 개발의 미래는 다양한 산업과 기술 수준에 걸쳐 이어지는 이점의 다양성을 제공할 것으로 보입니다.

노코드 개발의 부상: 창의성과 혁신을 불러일으키다

노코드의 생태계에 대해서 알아보고, 해당 개념의 개념과 이점, 앞으로 남은 과제 및 전 세계 산업에 미친 깊은 영향에 대해 알아보도록 하겠습니다.

노코드 플랫폼 : 알아야 할 7가지 주요 사항

이 글에서는 노코드와 로우코드 플랫폼이 무엇인지, 그리고 이에 대해 알아야 할 7가지 핵심 사항을 살펴보겠습니다.

노코드로 프로토타이핑 구현하기

노코드 툴을 사용한다면 프로토타이핑 과정을 쉽고, 빠르게 제작할 수 있습니다!

"노코드 도구들은 확장된 규모에서 제대로 작동하지 않는다?"

일반적으로 노코드 도구들은 확장된 규모에선 문제가 생긴다는 주장이 있습니다.

노코드에서 시작되는 창의적인 혁명

인터넷, 인공지능과 노코드의 급속한 발전 덕분에 창의력의 혁명은 이미 시작되었습니다.

로우 코드와 노코드의 차이점

오늘은 노코드와 로우코드의 차이점을 알아보고 어떤 도구가 나에게 더 적합한지 알아보도록 하겠습니다.

no code란 무엇인가? 소프트웨어 개발을 위한 노코드의 장단점

이 글에서는 코드 개발 플랫폼이 없는 경우의 위험과 보상에 대해 알아보고, 이 개발 방법이 사용자에게 적합한지에 대해 더 나은 결정을 내려봅시다.

Bubble: 혁신적인 노코드 플랫폼으로 10배 빠른 웹 앱 개발!

다양한 성공적인 스타트업과 기업이 Bubble을 사용하여 클라우드 기반 플랫폼을 구축, 테스트하고 확장하고 있습니다.

기업에서 노코드를 채택하는 진짜 이유

노코드는 많은 장점을 갖고 있지만 오늘은 특히 기업과 IT 부서에서 노코드를 채택하는 이유에 대해서 살펴보겠습니다.

노코드툴을 활용해 사업을 시작하는 방법

오늘은 확장 가능한 회사를 설립하기 위한 no-code & low-code 사용의 tip을 공유하려 합니다.

기업가들이 노코드를 사용해야하는 이유 5가지

오늘은 기업가들이 노코드를 사용해야하는 이유 5가지에 대해 알아보겠습니다.

노코드를 회사에 성공적으로 도입하기 위해 수행해야 하는 8가지 사항

노코드 도입을 성공적으로 하기 위해서는 수행해야하는 몇 가지 핵심 포인트가 있습니다.

노코드를 이용한 앱 개발의 9가지 과정

'노코드'라는 강력하고 간편한 기능을 이용해 앱 아이디어를 시장에 출시하는 9가지 과정을 소개합니다.

노코드가 소프트웨어의 미래다 : 5가지의 성공요인

오늘은 노코드를 다루는 기업이 갖추어야 할 성공요인에는 어떤 것들이 있는지 알아보도록 하겠습니다

노코드로 web을 구축하기: Bubble.io의 잠재력

Bubble.io 과 같은 코드가 없는 웹 앱 개발 플랫폼이 등장함에 따라, 누구나 코딩 없이 기능적이고 시각적으로 매력적이며 사용자 친화적인 웹 애플리케이션을 만들 수 있게 되었습니다.

버블(bubble.io)로 할 수 있는 것과 할 수 없는 것

오늘은 버블로 구현 가능한 분야와 그렇지 못한 분야에 대해 살펴보겠습니다.

하루만에 예약 및 알림 기능 웹사이트 만들기 - 노코드 웹빌더 버블(bubble.io) 제작사례

다음 주 월요일에 런칭을 하고싶다는 클라이언트님. 충분히 가능합니다. 우리에게는 Bubble이 있으니까요!

버블(bubble.io)로 구글 회원가입/로그인 구현하기

오늘은 버블(bubble.io)에서 구글 회원가입/로그인 연동 기능을 구현해보겠습니다. 구글 회원가입/로그인은 버블에서 플러그인으로 제공을 하는데요

버블에 구글 애널리틱스(GA), 페이스북(메타) 픽셀, 구글태그매니저(GTM) 설치하기

페이스북(메타) 픽셀이나 구글애널리틱스(GA), 구글 태그매니저(GTM) 등을 설치하는 경우가 많은데요, 오늘은 그 방법에 대해서 알아보겠습니다.

버블(bubble.io)로 슬랙 알림 보내기

슬랙 알림 기능은 비교적 간단하며, 무료입니다. api connector을 이용하여 워크플로우 상에서 특정 채널에 내가 원하는 메세지를 보낼 수 있습니다

아웃소싱 외주 개발의 장점들

소프트웨어 개발을 아웃소싱하는 것은 시간과 비용을 절약하는 좋은 방법이 될 수 있지만 여러 가지 위험 요소도 수반됩니다.

홈페이지, 웹사이트 제작 가장 싸게 하는 방법

내 상황에 필요한 홈페이지나 웹사이트를 만드는 가장 효율적인 방법은 무엇일까요? 두 가지 방법을 소개드리겠습니다.

개발 아웃소싱을 위한 심층 가이드

효율적인 프로그래밍 아웃소싱 가이드를 참고하시고 올바른 아웃소싱 공급업체와 컨택해보시기 바랍니다.

예비/초기창업패키지 천만원으로 서비스 개발 할 수 있을까?

정부지원사업 지원금으로 외주개발을 완벽하게 맡기는 방법

버블 bubble.io 독학, 강의 및 학습 코스 추천

버블(bubble.io)를 공부하려는 분들은 어떻게 시작해야 할지 막막해합니다. 리트머스에서 추천하는 버블 학습 코스를 소개합니다.

IT창업의 비용을 10분의 1로 줄이는법

IT프로젝트를 코드 / 노코드로 개발했을 때 각각을 소요되는 시간과 비용적 관점에서 비교해보겠습니다.

초기 단계의 스타트업에게 외주개발이 공기만큼 중요한 이유

실패하는 스타트업의 원인을 분석해보면 개발비를 잘못 선택하여 사업이 실패하는 경우가 많습니다.

노코드 개발방식의 이점

비용이 많이 들고 시간이 많이 걸리는 개발에 지쳤다면 노코드가 답입니다.

6가지 사례를 통해 살펴보는 아웃소싱이 필요한 경우

기업마다 처한 상황이 다르기 때문에 각 기업에 알맞은 아웃소싱 전략이 필요합니다. 오늘은 시나리오 사례를 통해 어떤 상황에서 아웃소싱이 필요한지 살펴보겠습니다.

아웃소싱: 차세대 비즈니스 성공의 열쇠

이 2,600억 달러 규모의 수면 산업은 미래의 비즈니스 성공, 탄력성 및 연속성의 열쇠를 쥐고 있을 수도 있습니다.

소프트웨어 외주개발: 어떤 점이 매력적인가?

이 글에서는 소프트웨어 개발 아웃소싱에 집중하여, 이것의 어떤 특성이 비즈니스에 매력적으로 다가올 수 있는 지에 대해 알아보도록 하겠습니다.

모든 스타트업이 배울 수 있는 6가지 IT 아웃소싱 사례 연구

대기업의 성공적인 아웃소싱 사례를 사용하여 공동 창업자가 따를 수 있는 몇 가지 교훈을 도출하고자 합니다.

B2B 산업의 미래는 아웃소싱이다

아웃소싱은 B2B 산업의 미래입니다. 대담한 주장처럼 들릴 수 있지만, 최근의 추세와 현실은 이 주장을 검증합니다.

외주 개발 : 스타트업을 위한 전략적 접근법

외주 개발은 소프트웨어 개발의 어려움을 극복할 수 있는 방법 중 하나이며 많은 기업들이 외주를 통해 개발을 진행하고 있습니다.

노코드 개발의 미래: 혁신과 포용을 뒷받침한다

앞으로의 노코드 개발의 미래는 다양한 산업과 기술 수준에 걸쳐 이어지는 이점의 다양성을 제공할 것으로 보입니다.

노코드 개발의 부상: 창의성과 혁신을 불러일으키다

노코드의 생태계에 대해서 알아보고, 해당 개념의 개념과 이점, 앞으로 남은 과제 및 전 세계 산업에 미친 깊은 영향에 대해 알아보도록 하겠습니다.

노코드 플랫폼 : 알아야 할 7가지 주요 사항

이 글에서는 노코드와 로우코드 플랫폼이 무엇인지, 그리고 이에 대해 알아야 할 7가지 핵심 사항을 살펴보겠습니다.

노코드로 프로토타이핑 구현하기

노코드 툴을 사용한다면 프로토타이핑 과정을 쉽고, 빠르게 제작할 수 있습니다!

노코드에서 시작되는 창의적인 혁명

인터넷, 인공지능과 노코드의 급속한 발전 덕분에 창의력의 혁명은 이미 시작되었습니다.

로우 코드와 노코드의 차이점

오늘은 노코드와 로우코드의 차이점을 알아보고 어떤 도구가 나에게 더 적합한지 알아보도록 하겠습니다.

no code란 무엇인가? 소프트웨어 개발을 위한 노코드의 장단점

이 글에서는 코드 개발 플랫폼이 없는 경우의 위험과 보상에 대해 알아보고, 이 개발 방법이 사용자에게 적합한지에 대해 더 나은 결정을 내려봅시다.

기업에서 노코드를 채택하는 진짜 이유

노코드는 많은 장점을 갖고 있지만 오늘은 특히 기업과 IT 부서에서 노코드를 채택하는 이유에 대해서 살펴보겠습니다.

노코드툴을 활용해 사업을 시작하는 방법

오늘은 확장 가능한 회사를 설립하기 위한 no-code & low-code 사용의 tip을 공유하려 합니다.

기업가들이 노코드를 사용해야하는 이유 5가지

오늘은 기업가들이 노코드를 사용해야하는 이유 5가지에 대해 알아보겠습니다.

노코드를 회사에 성공적으로 도입하기 위해 수행해야 하는 8가지 사항

노코드 도입을 성공적으로 하기 위해서는 수행해야하는 몇 가지 핵심 포인트가 있습니다.

노코드를 이용한 앱 개발의 9가지 과정

'노코드'라는 강력하고 간편한 기능을 이용해 앱 아이디어를 시장에 출시하는 9가지 과정을 소개합니다.

노코드가 소프트웨어의 미래다 : 5가지의 성공요인

오늘은 노코드를 다루는 기업이 갖추어야 할 성공요인에는 어떤 것들이 있는지 알아보도록 하겠습니다

노코드로 web을 구축하기: Bubble.io의 잠재력

Bubble.io 과 같은 코드가 없는 웹 앱 개발 플랫폼이 등장함에 따라, 누구나 코딩 없이 기능적이고 시각적으로 매력적이며 사용자 친화적인 웹 애플리케이션을 만들 수 있게 되었습니다.

아웃소싱 외주 개발의 장점들

소프트웨어 개발을 아웃소싱하는 것은 시간과 비용을 절약하는 좋은 방법이 될 수 있지만 여러 가지 위험 요소도 수반됩니다.

개발 아웃소싱을 위한 심층 가이드

효율적인 프로그래밍 아웃소싱 가이드를 참고하시고 올바른 아웃소싱 공급업체와 컨택해보시기 바랍니다.

버블에서 리피팅그룹 각 셀마다 워크플로우를 실행하고 싶을 때 : 플러그인 오케스트라(orchestra)

버블에서 리피팅그룹 각 셀마다 워크플로우를 실행하고 싶을 때 사용하는 플러그인 : 오케스트라(orchestra)

Bubble: 혁신적인 노코드 플랫폼으로 10배 빠른 웹 앱 개발!

다양한 성공적인 스타트업과 기업이 Bubble을 사용하여 클라우드 기반 플랫폼을 구축, 테스트하고 확장하고 있습니다.

버블(bubble.io)로 할 수 있는 것과 할 수 없는 것

오늘은 버블로 구현 가능한 분야와 그렇지 못한 분야에 대해 살펴보겠습니다.

하루만에 예약 및 알림 기능 웹사이트 만들기 - 노코드 웹빌더 버블(bubble.io) 제작사례

다음 주 월요일에 런칭을 하고싶다는 클라이언트님. 충분히 가능합니다. 우리에게는 Bubble이 있으니까요!

버블(bubble.io)로 구글 회원가입/로그인 구현하기

오늘은 버블(bubble.io)에서 구글 회원가입/로그인 연동 기능을 구현해보겠습니다. 구글 회원가입/로그인은 버블에서 플러그인으로 제공을 하는데요

버블에 구글 애널리틱스(GA), 페이스북(메타) 픽셀, 구글태그매니저(GTM) 설치하기

페이스북(메타) 픽셀이나 구글애널리틱스(GA), 구글 태그매니저(GTM) 등을 설치하는 경우가 많은데요, 오늘은 그 방법에 대해서 알아보겠습니다.

버블(bubble.io)로 슬랙 알림 보내기

슬랙 알림 기능은 비교적 간단하며, 무료입니다. api connector을 이용하여 워크플로우 상에서 특정 채널에 내가 원하는 메세지를 보낼 수 있습니다

위로 스크롤 아이콘