본문으로 건너뛰기
Arran, 홈
후원

Arran

Arransha Nouvalafi P.

만지작거리는 걸 좋아해요.만드는 걸 좋아해요.계속 배웁니다.

남색 정장과 넥타이 차림으로 휴대폰을 들고 있는 Arran.

해 보고 싶은 아이디어로 웹사이트와 디지털 경험을 만들고, AI와 함께 테스트해서 더 쓰기 쉽게 다듬습니다.

먼저 인사해요

저는 Arran이고 중학교 3학년입니다. 기술, 과학, 태권도를 좋아합니다. LEGO를 조립하고 로봇을 배우면서 아이디어가 어떻게 실제로 작동하게 되는지 궁금해졌습니다.

처음에는 작동하지 않던 것이 마침내 쓸 수 있게 되는 순간이 좋습니다. 그래서 계속 만지작거리고, 새 프로젝트를 해 보고, 과정을 더 깊이 이해하고 싶습니다. 아버지도 이 관심을 응원해 주십니다.

ngulik

인도네시아어로, 해 보고, 아직 맞지 않는 부분을 뜯어 보고, 더 나아질 때까지 다시 조립하는 것.

AI의 역할과 나의 역할

AI가 돕는 일

  • 코드를 쓰고 설명하기
  • 버그의 원인 후보 찾기
  • 디자인 선택지 비교하기

내가 하는 일

  • 아이디어와 방향 제시
  • 결과를 읽고 배우기
  • 브라우저에서 기능 시험
  • 수정 요청 또는 직접 수정
  • 쓸 만한지 결정하기

그래서 모든 코드를 직접 쓰지는 않습니다. 제가 책임지는 것은 아이디어, 방향, 테스트, 최종 결정입니다.

호기심의 시작

  1. 블록 조립하기
  2. 논리 조립하기
  3. 웹사이트 만들기

지금은 웹사이트와 앱으로 배우고 있습니다. 아이디어와 흐름을 짜고, AI의 도움을 받아 만들고, 결과를 써 보며 아직 맞지 않는 부분을 고칩니다.

작업

공개 사이트 6개. 폴더를 열면 화면, 이야기, 사이트를 볼 수 있습니다.

  1. EcoTrack

    가정 쓰레기 분리배출 교육 웹사이트

    EcoTrack은 집에서 쓰레기를 분리하도록 돕습니다. 네 가지 분류를 익히고, 계정 없이 분리 연습을 해 보고, 결과를 기록합니다. 기록은 확인을 거친 뒤에 집계됩니다.

    EcoTrack 이야기ecotrack.id 열기 (새 탭에서 열림)

  2. SANDI SALDO

    디지털 금융 교육 웹 게임

    현금 없는 도시의 7일. 플레이어는 아이소메트릭 도시를 다니며 메인 미션 일곱 개와 추가 사례를 풀고, 돈과 디지털 안전에 관한 결정을 배웁니다.

    SANDI SALDO 이야기sandi-saldo.ct.ws 열기 (새 탭에서 열림)

  3. PJ CUP XXIX 2027

    학교 대항 대회 행사 및 참가 등록 웹사이트

    PJ CUP XXIX 2027 웹사이트. 참가자가 종목, 등록 정보, 일정, 행사 문서를 쉽게 찾도록 돕습니다.

    PJ CUP XXIX 2027 이야기pjcup.web.id 열기 (새 탭에서 열림)

  4. BID Consulting

    인프라 컨설팅 회사 웹사이트

    BID Consulting의 공개 사이트는 정부, 국영기업, 개발 파트너, 민간 부문을 위한 인프라와 경영 컨설팅을 소개합니다.

    BID Consulting 이야기bidconsulting.co.id 열기 (새 탭에서 열림)

  5. Ruang Penilaian PSN

    제안서 1차 평가 웹사이트 인터페이스

    문서 근거에 기반한 제안서 1차 평가에 쓰이는 Ruang Penilaian PSN의 로그인 페이지. 이 포트폴리오는 공개 로그인 페이지만 보여 줍니다.

    Ruang Penilaian PSN 이야기psn-penilaian.web.id 열기 (새 탭에서 열림)

  6. REFF Partnership

    법률 사무소 웹사이트

    REFF Partnership의 공개 사이트는 남자카르타의 법률 사무소와 업무 분야, 상담 예약 방법을 소개합니다.

    REFF Partnership 이야기refflawfirm.com 열기 (새 탭에서 열림)

EcoTrack

가정 쓰레기 분리배출 교육 웹사이트

EcoTrack은 집에서 쓰레기를 분리하도록 돕습니다. 네 가지 분류를 익히고, 계정 없이 분리 연습을 해 보고, 결과를 기록합니다. 기록은 확인을 거친 뒤에 집계됩니다.

아이디어와 사용 흐름을 정하고, AI와 함께 만든 뒤, 모든 기능을 시험했습니다.

공개 사이트 화면 녹화, 2026년 11월 13일.
초록 버튼 “Coba pilah sekarang”이 있는 휴대폰 화면의 EcoTrack 홈페이지.
휴대폰 화면
  • 유기성
  • 무기성
  • 유해
  • 잔여

SANDI SALDO

디지털 금융 교육 웹 게임

현금 없는 도시의 7일. 플레이어는 아이소메트릭 도시를 다니며 메인 미션 일곱 개와 추가 사례를 풀고, 돈과 디지털 안전에 관한 결정을 배웁니다.

모둠 과제를 위해 이 게임의 웹사이트를 AI와 함께 만들고 노트북과 휴대폰에서 시험했습니다.

공개 사이트 화면 녹화, 2026년 11월 13일.
청록색 Start 버튼이 있는 휴대폰 화면의 SANDI SALDO 시작 메뉴.
휴대폰 화면

PJ CUP XXIX 2027

학교 대항 대회 행사 및 참가 등록 웹사이트

행사 웹사이트입니다. 행사는 2027년 1월 16일부터 23일로 예정되어 있고 아직 열리지 않았습니다.

PJ CUP XXIX 2027 웹사이트. 참가자가 종목, 등록 정보, 일정, 행사 문서를 쉽게 찾도록 돕습니다.

협력자와 함께, AI의 도움을 받아 웹사이트와 소프트웨어 부분을 맡았습니다.

공개 사이트 화면 녹화, 2026년 11월 13일. 이미지 속 카운트다운, 버튼, 일러스트는 촬영 당시 화면의 기록이며 실시간 데이터가 아닙니다. 일러스트는 PJ CUP 위원회의 것입니다.
PJ CUP XXIX 첫 화면(휴대폰 화면). 행사 로고, 날짜, 등록 버튼.
휴대폰 화면

작업하는 방식

모든 프로젝트에서 되풀이하는 다섯 단계입니다. 보드에서 직접 순서를 짜 볼 수 있습니다.

  1. 아이디어

    필요한 것이나 해 보고 싶은 것에서 시작합니다.

  2. 방향 잡기

    필요한 내용, 흐름, 화면을 짭니다.

  3. AI와 함께 만들기

    코드를 쓰고 이해하는 데 도움을 받는 도구로 AI를 씁니다.

  4. 테스트

    여러 화면에서 흐름을 써 보고 아직 맞지 않는 부분을 확인합니다.

  5. 다듬기

    결과를 고치고 다시 써 봅니다.

흐름을 직접 짜 보세요

다섯 단계를 끌어서 직접 순서를 배치해 보세요.

지금 배우고 있는 것

하나를 고르면 어디에 썼는지 볼 수 있습니다.

  • 써 본 적 있음

    아이디어와 필요

    무엇을 설명해야 하고 누가 쓸지 알아봅니다.

    EcoTrack, PJ CUP XXIX 2027, BID Consulting

  • 써 본 적 있음

    사용자 흐름

    방문자가 처음부터 끝까지 거치는 단계를 짭니다.

    EcoTrack, SANDI SALDO, PJ CUP XXIX 2027

  • 써 본 적 있음

    화면 방향

    페이지 구성, 색, 눈에 띄어야 할 부분을 정합니다.

    SANDI SALDO, EcoTrack, PJ CUP XXIX 2027

  • 배우는 중

    AI와 함께 만들기

    AI가 코드를 쓰고 설명하는 것을 돕습니다. 방향과 마지막 결정은 제가 직접 검토합니다.

    BID Consulting, Ruang Penilaian PSN, REFF Partnership

  • 써 본 적 있음

    화면 테스트

    끝났다고 하기 전에 노트북과 휴대폰에서 화면, 링크, 기능을 써 봅니다.

    Ruang Penilaian PSN, EcoTrack, SANDI SALDO

  • 써 본 적 있음

    문서 자동화

    AutoCrat으로 Student Company 팀의 문서를 자동으로 준비합니다.

    AutoCrat, Student Company

  • 써 본 적 있음

    시각적 논리

    Scratch와 Construct. 명령을 이어 처음으로 프로그램을 만든 곳입니다.

    Scratch, Construct

  • 더 깊이 배우고 싶음

    데이터베이스와 AI가 작동하는 방식

    앞으로 더 깊이 이해하고 싶은 것입니다.

  1. 경제와 XAUUSD

    웹사이트를 만드는 것 외에도 경제에 관심이 있어 XAUUSD를 통해 금 가격의 움직임을 공부하고 있습니다. 경제 뉴스, 달러 가치의 변화, 시장의 결정이 가격 차트와 어떻게 연결되는지 이해하는 것을 좋아합니다.

  2. XAUUSD란 무엇인가요?

    XAUUSD는 금 가격을 미국 달러로 나타낸 것입니다.

  3. 캔들 하나 읽기

    차트에서 캔들 하나는 일정 기간의 시가, 고가, 저가, 종가를 요약합니다.

    • 상승: 종가가 시가보다 높음
    • 하락: 종가가 시가보다 낮음
    고가종가시가저가
  4. 여러 캔들이 움직임을 만듭니다

    캔들을 순서대로 늘어놓으면 시간에 따른 가격의 방향이 보이기 시작합니다.

차트를 살펴보세요

커서를 올리거나, 터치하거나, 화살표 키를 사용해 각 캔들의 세부 정보를 볼 수 있습니다.

학습용 시뮬레이션 — 실시간 가격이 아닙니다

이 차트의 데이터는 캔들 읽기 연습을 위해 만든 것입니다. 시장 가격도, 제 거래 결과도, 투자 조언도 아닙니다.

화면 밖에서

배우는 방식을 함께 만들어 준 훈련, 활동, 경험입니다.

  • 태권도

    태권도는 긴장을 마주하고 연습한 동작에 집중하도록 저를 단련해 줍니다. 경기장에서 결정을 내릴 때 더 침착해지고 싶습니다.

    • SACTI 클럽, Bintaro Jaya
    • 1위, CNN Indonesia Taekwondo Championship 2024
    • 1위, Sacti League Taekwondo Championship 2025
    • 2위, Tangsel Open Taekwondo Championship 2025
    • 검은 띠는 아직 목표
  • 학교 활동

    학생회 선거 위원회(Komisi Pemilihan OSIS) IT 담당, 학교 대표로 참여한 Paskibra, 그리고 PJ CUP 준비 위원회를 몇 차례 했습니다. 다른 사람들과 함께 일하게 되는 도전을 좋아합니다.

    • Komisi Pemilihan OSIS, IT 담당
    • Paskibra
    • PJ CUP 준비 위원회 여러 차례
  • 일본 이머전

    일본에서의 이머전 경험 덕분에 사람을 사귀고 다른 습관에 맞추는 데 더 용기가 생겼습니다.

    • 학교 방문
    • 현지 학생들과 만남
    • 일본 가정에서 지냄
  • Student Company

    Student Company 팀에서 디지털 기록과 문서 자동화를 도왔습니다. 우리가 받은 상은 팀의 성과이며 개인의 칭호가 아닙니다.

    • Excellence in Financial Management & Reporting Award
    • 2025/2026 학년도
    • 팀의 성과

걸어온 길

학력

  1. Sekolah Nusantara Ibu Kelinci 로고

    유치원

    TK Ibu Kelinci

    배움과 호기심의 시작.

    어릴 때부터

    LEGO와 로봇

    LEGO 조립을 좋아했고 로봇 수업도 들었습니다. 거기서 해 보고, 뜯어 보고, 다시 조립하는 데 익숙해졌습니다.

  2. Budi Mulia Dua Bintaro 로고

    초등학교

    SD Budi Mulia Dua Bintaro

    Scratch와 Construct를 처음 써 본 곳.

    초등학교 5학년

    시작

    Scratch와 Construct로 프로그램을 만들어 보며, 논리 블록 몇 개로 무언가를 움직일 수 있다는 걸 알았습니다.

  3. 6학년부터 8학년

    쉼

    학교 활동에 더 집중했고 프로그램은 거의 만들지 않았습니다. 소프트웨어가 어떻게 만들어지는지에 대한 호기심은 남아 있었습니다.

  4. Sekolah Pembangunan Jaya 로고

    중학교, IX A반재학 중

    SMP Pembangunan Jaya

    지금 다니는 학교.

    9학년

    방향을 찾다

    KTI와 HOLISTIC 프로젝트를 계기로 EcoTrack을 만들었습니다. 화면, 자료, 계정, 데이터가 연결되기 시작했습니다.

  5. 지금

    계속 만드는 중

    조별 과제였던 SANDI SALDO, 그리고 BID Consulting, Ruang Penilaian PSN, REFF Partnership 웹사이트.

보관함

열어 볼 사이트는 없지만 배움이 된 두 가지 경험입니다.

  • 일러스트

    보관, 사이트는 닫힘

    Pilkasis

    학생회장과 부회장 선거 웹사이트를 만드는 일을 돕고, 학생들이 따라가기 쉬운 흐름을 짠 경험입니다.

  • 일러스트

    문서 자동화 이야기

    Student Company를 위한 AutoCrat

    Student Company 팀의 행정 업무를 돕기 위한 문서 자동화입니다.

제 작업을 응원해 주세요

제 작업과 배우는 과정이 마음에 드셨다면 Saweria를 통해 응원하실 수 있습니다.

Saweria로 후원하기 (새 탭에서 열림)

금액과 결제 수단은 Saweria 공식 페이지에서 선택합니다. 이 웹사이트에서는 어떤 결제도 처리되지 않습니다.

  1. 제 Saweria 페이지를 엽니다.
  2. 그곳에서 금액과 결제 수단을 선택합니다.
  3. Saweria에서 결제를 완료합니다.

Arransha Nouvalafi P.

해 보고 싶은 아이디어가 있나요?

쓸모 있는 것을 만드는 법을 계속 배우면서 아이디어를 나누는 것을 좋아합니다.

이메일 보내기GitHub 보기 (새 탭에서 열림)

WhatsApp을 엽니다. 메시지가 자동으로 전송되지 않습니다.