학생, 연구자, 그리고 개발자를 위한 무료 툴킷 웹사이트를 만들었습니다

Source: Dev.to

Amza Student & Research Tools 🔗

왜 이걸 만들었나요

기술 문서와 학술 글을 작성하면서 다음과 같은 빠른 유틸리티가 자주 필요했습니다:

• 단어 수 카운터
• APA 인용 생성기
• JSON 포맷터
• 포모도로 타이머
• 과학 계산기
• 비밀번호 생성기

대부분의 기존 사이트는 광고가 많거나 로그인이 필요했습니다. 그래서 브라우저에서 바로 실행되는 빠르고 가벼운 툴킷을 만들기로 했습니다.

• 회원가입 불필요.
• 서버 처리 없음.
• 도구만 제공.

기능

현재 플랫폼에는 30개 이상의 도구가 있으며, 여러 카테고리로 정리되어 있습니다.

Writing & Research (글쓰기·연구)

• Word Counter (단어 카운터)
• Character Counter (문자 카운터)
• APA Citation Generator (APA 인용 생성기)
• MLA Citation Generator (MLA 인용 생성기)
• IEEE Citation Generator (IEEE 인용 생성기)
• Thesis Statement Generator (논문 주제문 생성기)
• Abstract Generator (초록 생성기)

Developer Utilities (개발자 유틸리티)

• JSON Formatter (JSON 포맷터)
• Base64 Encoder / Decoder (Base64 인코더/디코더)
• Regex Tester (정규식 테스트기)
• Hash Generator (해시 생성기)
• UUID Generator (UUID 생성기)

Math & Academic Tools (수학·학술 도구)

• Percentage Calculator (퍼센트 계산기)
• Scientific Calculator (과학 계산기)
• Standard Deviation Calculator (표준 편차 계산기)
• Matrix Calculator (행렬 계산기)

Productivity (생산성)

• Pomodoro Timer (포모도로 타이머)
• Reading Time Calculator (읽는 시간 계산기)
• Study Planner (학습 계획표)

모든 도구는 브라우저에서 직접 실행되므로:

• ✔ 로그인 필요 없음
• ✔ 데이터 저장 안 함
• ✔ 로딩 속도 매우 빠름

기술 스택

• HTML
• CSS
• Vanilla JavaScript
• Cloudflare Pages에 호스팅

정적이고 가벼운 구조 덕분에 사이트 로딩이 매우 빠르고 Core Web Vitals에서도 좋은 성능을 보입니다.

SEO & Performance (SEO·성능)

플랫폼의 성능과 검색 노출을 높이기 위해 다음을 최적화했습니다:

• 구조화 데이터 (schema.org)
• OpenGraph 메타데이터
• 시맨틱 HTML
• 레이지 로드 폰트
• 가벼운 스크립트

느린 인터넷 환경에서도 사이트가 빠르게 동작하도록 하는 것이 목표였습니다.

배운 점

작은 도구들을 만들면서 중요한 교훈을 얻었습니다: 때때로 단순한 도구가 실제 문제를 해결한다는 것. 복잡한 프레임워크나 대규모 백엔드 시스템이 반드시 필요하지 않으며, 잘 설계된 정적 웹사이트도 충분히 가치를 제공할 수 있습니다.

피드백 환영

앞으로 추가할 도구들 예시:

• 마크다운 에디터
• 단위 변환기
• 데이터 분석 도우미
• 연구 생산성 도구

아이디어나 제안이 있으면 언제든 알려 주세요.

읽어 주셔서 감사합니다!