들어가기 전

본 웹사이트는 JEEKS(이하 “단체”라 합니다)가 제공하는 모든 프로젝트의 설명을 안내하는곳입니다.

단체의 모든 프로젝트의 저작권은 단체가 가지고 있음을 알립니다. 문의는 이메일로 해주세요.

1. 코딩을 시작하게 된 계기

2020년, 엔트리를 처음 접하며 블록 코딩을 배우기 시작하였습니다. 더 복잡한 프로그램을 만들어 보고 싶어 인터넷을 찾아보던 중, 카카오톡 자동응답 봇을 독학하면서 본격적으로 코딩을 배우게 되었습니다.

2022년에는 중학교에 입학하여 정보 수업에서 스크래치를 배우고, 수행평가로 간단한 게임을 제작하였습니다. 이 경험을 계기로 프로그래밍에 더욱 흥미를 느끼게 되었고, 정보 선생님의 추천을 받아 개발 관련 진로를 결정하게 되었습니다.

2024년에는 소프트웨어 특성화 고등학교에 지원하기 위해 PapperPlane 프로젝트를 기반으로 포트폴리오를 제작하였으나, 아쉽게도 불합격하였습니다.

2025년, 일반 고등학교에 입학한 후 코딩 동아리에 가입하여 활동을 이어가고 있습니다.

2023년 2월, 독학을 시작한 이후 비공식 프로젝트를 포함하여 총 30개 이상의 크고 작은 프로젝트를 진행하였습니다.

2. 비영리적 목표

모든 프로젝트는 비영리적 목적으로 진행되었으며, 금전적인 이익보다는 포트폴리오제작을 목적으로 합니다.

3. 경험과 나의 생각

이 과정에서 얻은 소중한 경험은 제 인생에 큰 영향을 끼쳤으며, "만약 예전에 코딩을 시작하지 않았더라면 난 뭘 하고 잇을까?"를 자주 생각하는것 같습니다.

4. 미래 계획

이 프로젝트들을 통해 저는 많이 발전한거 같고, 앞으로도 다양한 도전을 통해 나의 코딩 생활을 발전해 나갈 계획입니다.

PapperPlane

본 웹사이트는 JEEKS(이하 “단체”라 합니다)가 제공하는 모든 프로젝트의 설명을 안내하는곳입니다.

단체의 모든 프로젝트의 저작권은 단체가 가지고 있음을 알립니다. 문의는 이메일로 해주세요.

1. PapperPlane이 무엇인가요?

PapperPlane은 종이비행기를 조종하며 새와 부딪히지 않도록 하는 캐주얼 게임입니다.
간단한 조작으로 누구나 쉽게 즐길 수 있도록 설계된 게임으로,
친구들과 가족이 함께 재미있게 플레이할 수 있습니다.

2. 제작 동기가 무엇인가요?

PapperPlane은 구글의 공룡 게임에서 영감을 받아 제작되었습니다.
인터넷 연결 없이도 간단하고 재미있게 즐길 수 있는 게임을 만들어보고 싶었습니다.
또한, 친구들과 가족들이 내가 만든 게임을 플레이해 주었으면 좋겠다는 바람에서
이 게임을 개발하게 되었습니다.
유니티나 언리얼 엔진과 같은 전문적인 게임 개발 툴을 사용하려 했지만,
대신 JavaScript를 활용해 직접 게임을 만들어보는 도전 정신을 발휘하게 되었습니다.

3. 어떻게 만들었나요?

Electron 모듈을 사용하여 독립적인 창에서 게임을 실행할 수 있도록 개발했습니다.
Express를 활용해 로컬 서버를 운영하며 게임 데이터 저장과 불러오기를 구현했습니다.
HTML, CSS, 자바스크립트와 같은 웹 기술을 활용하여 게임의 기본적인 구조와 동작을 구성하였습니다.
개발 과정에서 처음으로 클래스 문법을 적용하며 많은 오류를 겪었지만,
인터넷 검색과 커뮤니티의 도움을 통해 해결하며 성장할 수 있었습니다.
Electron을 도입한 덕분에 브라우저 없이도 게임이 독립적으로 실행 가능해져,
더 게임다운 완성도를 가지게 되었습니다.

4. 어떻게 플레이하나요?

PapperPlane은 온라인에서도 플레이 할 수 있습니다.

게임은 키보드와 마우스를 사용해 조작합니다.
스페이스바나 마우스 좌클릭을 통해 종이비행기를 상승시키며,
Shift 키나 마우스 우클릭을 사용해 비행기를 빠르게 하강시킬 수 있습니다.
비행기는 아무 입력이 없을 경우 점차 하강하며,
화면 밖으로 벗어나거나 새와 충돌하면 게임이 종료됩니다.
회색 새는 일정한 수평 경로로만 이동하며,
500점 이상의 점수를 획득하면 등장하는 검은 새는 위아래로 곡선처럼 움직입니다.
500점마다 배경 색상이 변경되어 게임의 재미를 더하며,
총 4단계로 구성된 난이도에 따라 새의 속도와 움직임이 달라져 도전 욕구를 자극합니다.
난이도별로 최고 점수를 따로 기록해 플레이어가 자신의 실력을 확인할 수 있도록 제작되었습니다.

Leo Ai

본 웹사이트는 JEEKS(이하 “단체”라 합니다)가 제공하는 모든 프로젝트의 설명을 안내하는곳입니다.

단체의 모든 프로젝트의 저작권은 단체가 가지고 있음을 알립니다. 문의는 이메일로 해주세요.

1. Leo Ai가 무엇인가요?

Leo Ai는 GPT-4o 기반의 대화형 인공지능으로, 사용자와 자연스럽게 소통할 수 있는 기능을 제공합니다.
음성인식 기술을 활용해 사용자와 직접적인 대화를 진행할 수 있는 점이 가장 큰 특징입니다.
TTS(Text-to-Speech) 기술을 사용해 답변을 음성과 텍스트로 동시에 제공하며,
마크다운 지원으로 색상, 밑줄, 코드 블록을 활용해 더욱 몰입감 있는 대화를 경험할 수 있습니다.
또한, 감정 인식 기능을 통해 표정을 변화시킴으로써 감정을 직관적으로 전달합니다.
Leo Ai는 대화형 AI를 한 단계 발전시킨 혁신적인 프로젝트입니다.

2. 제작 동기가 무엇인가요?

최근 다양한 매체에서 AI 기술이 급속히 발전하는 모습을 보며,
"나도 사람과 소통할 수 있는 AI를 만들어보고 싶다"는 열망을 느꼈습니다.
기존 텍스트 기반의 AI보다 한 단계 더 나아가,
감정을 표현하고, 음성을 통해 더 인간적인 상호작용을 제공하는 AI를 목표로 Leo Ai를 제작하게 되었습니다.
AI와의 소통이 마치 사람과 대화하는 것처럼 자연스럽게 느껴지는 경험을 제공하고자 했습니다.

3. 어떻게 만들었나요?

Leo Ai는HTML, CSS, JavaScript 같은 웹 기술과 GPT-4o API를 결합하여 개발되었습니다.
제작 과정은 다음과 같습니다.

① AI의 얼굴 형태를 HTML과 CSS로 디자인하고, JavaScript로 인터랙션을 구현하였습니다.
② GPT-4o API를 활용하여 사용자 입력에 적절한 답변을 생성하는 코드를 작성하였습니다.
③ API 요청에 감정을 포함하도록 프롬프트를 설정하고, 반환된 감정 데이터를 바탕으로
AI의 표정이 변화하도록 코드를 추가하였습니다.
④ 음성인식(Speech-to-Text)과 음성 출력(TTS)을 통합하여 음성과 텍스트 기반 소통이 모두 가능하도록 제작하였습니다.
⑤ 프로젝트 진행 중 발생한 오류는 검색과 디버깅을 통해 해결하며 지속적으로 수정 및 개선했습니다.
⑥ 마지막으로 마크다운 기능을 추가해 더욱 직관적인 사용자 경험을 제공합니다.

4. 어떻게 사용하나요?

Leo Ai는 이곳에서 사용할 수 있습니다.

① 페이지 하단의 클릭하여 시작 버튼을 클릭한 후, 마이크 허용 권한을 부여합니다.
② 하단 텍스트가 아무거나 말해보세요로 변경되면 음성인식이 활성화됩니다.
③ 음성이나 텍스트를 통해 질문하거나 대화를 시작할 수 있습니다.
④ 우측 상단의 New Chat 버튼을 눌러 새로운 채팅을 생성할 수 있습니다.
⑤ AI와의 대화 중 색상, 밑줄, 코드 블록 등 마크다운으로 형식화된 답변을 확인할 수 있습니다.
⑥ 표정 변화와 음성을 통해 더욱 인간적인 상호작용을 경험할 수 있습니다.

네오

본 웹사이트는 JEEKS(이하 “단체”라 합니다)가 제공하는 모든 프로젝트의 설명을 안내하는곳입니다.

단체의 모든 프로젝트의 저작권은 단체가 가지고 있음을 알립니다. 문의는 이메일로 해주세요.

1. 네오가 무엇인가요?

네오는 송양고등학교의 급식, 시간표, 학사일정 등의 정보를
AI와의 대화를 통해 제공하는 서비스입니다.

회원가입 없이 바로 이용할 수 있습니다.

2. 제작 동기가 무엇인가요?

매번 시간표나 급식표를 확인할 때 다른 사이트를 찾아보는 것이 불편했습니다.
그래서 카카오톡을 통해 간편하게 학교 정보를
실시간으로 확인할 수 있도록 제작하였습니다.

3. 어떻게 만들었나요?

카카오 i 오픈빌더의 스킬 기능을 활용하고,
nodeJS로 자체 서버를 구축하였습니다.
또한, 나이스 공식 API를 사용하여
송양고등학교의 급식표, 시간표, 학사일정 등의 정보를 제공합니다.

4. 어떻게 사용하나요?

네오는 이곳에서 이용할 수 있습니다.

카카오톡 채널에서 챗봇과 대화를 시작한 후,
내일 급식 알려줘. 같은 명령을 입력하면 정보를 받을 수 있습니다.

또한, 빠른 답변 기능을 이용해 다양한 정보를 쉽게 확인할 수 있으며,
새 채팅을 클릭하거나 입력하여 새로운 AI 채팅을 시작할 수 있습니다.