처음부터 완전한 애플리케이션을 만드는 과정을 안내하는 튜토리얼을 언어별로 정리한 선별 목록입니다.
Chalarangelo/30-seconds-of-code
일상적인 프로그래밍 패턴을 30초 이내에 익힐 수 있도록 짧고 독립적으로 읽을 수 있는 JavaScript 글과 코드 스니펫을 모았습니다.
- 스타
- 129,266
- 포크
- 12,487
- 열린 이슈
- 2
- 마지막 커밋
- 16시간 전
어떤 프로젝트인가요?
30 seconds of code는 각각 하나의 스니펫이나 기법을 다루며 빠르게 읽고 이해할 수 있는 짧은 코딩 글 모음입니다. JavaScript와 CSS, HTML, Git, Node.js 같은 관련 웹 기술을 다루며, 특정한 필요에 맞는 자료를 쉽게 찾을 수 있도록 주제와 컬렉션별로 정리되어 있습니다.
웹사이트의 각 글에는 코드 스니펫과 작동 방식에 대한 설명, 사용 예제가 포함됩니다. 이름, 태그, 언어, 설명으로 검색할 수 있으며 전체 글이나 주제별 컬렉션을 둘러볼 수도 있습니다. 이 프로젝트는 웹사이트로 제공되며, 저장소에는 콘텐츠와 사이트의 소스가 담겨 있습니다.
코드 스니펫은 CC-BY-4.0 라이선스로 제공되지만, 텍스트, 이미지, 브랜딩 등 그 밖의 자료는 소유자의 동의 없이 재사용할 수 없습니다. 현재 저장소에서는 새로운 콘텐츠 기여를 받고 있지 않으며, 문제 신고나 제안은 이슈로 환영합니다.
핵심 기능
- 01각각 하나의 스니펫이나 기법을 중심으로 다루는 짧은 글
- 02JavaScript, CSS, HTML, Git, Node.js 관련 주제 제공
- 03이름, 태그, 언어, 설명으로 검색
- 04주제별 컬렉션 둘러보기
- 05각 글에 코드, 설명, 예제 포함
활용 사례
- 일반적인 JavaScript 패턴을 빠르게 익히기
- 프로젝트에서 재사용할 간단한 유틸리티 스니펫 찾아보기
- 최신 ES6+ 기능과 웹 기초 복습하기
사용 전 알아둘 점
- CC-BY-4.0 라이선스가 적용되는 것은 코드 스니펫뿐입니다. 텍스트, 이미지, 웹사이트 소스 코드 및 로고를 재사용하려면 소유자의 동의가 필요합니다.
- 현재 새로운 콘텐츠 기여는 받지 않습니다.
토픽
자주 묻는 질문
- 30-seconds-of-code은(는) 무엇인가요?
- 일상적인 프로그래밍 패턴을 30초 이내에 익힐 수 있도록 짧고 독립적으로 읽을 수 있는 JavaScript 글과 코드 스니펫을 모았습니다. 30 seconds of code는 각각 하나의 스니펫이나 기법을 다루며 빠르게 읽고 이해할 수 있는 짧은 코딩 글 모음입니다. JavaScript와 CSS, HTML, Git, Node.js 같은 관련 웹 기술을 다루며, 특정한 필요에 맞는 자료를 쉽게 찾을 수 있도록 주제와 컬렉션별로 정리되어 있습니다.
- 30-seconds-of-code은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- 30-seconds-of-code은(는) CC-BY-4.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- 30-seconds-of-code은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. 30-seconds-of-code의 마지막 커밋은 2026년 10월 20일입니다.
- 30-seconds-of-code은(는) 어디에 사용할 수 있나요?
- 일반적인 JavaScript 패턴을 빠르게 익히기 프로젝트에서 재사용할 간단한 유틸리티 스니펫 찾아보기 최신 ES6+ 기능과 웹 기초 복습하기
- 30-seconds-of-code은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Chalarangelo/30-seconds-of-code
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
테라리움, 타이핑 게임, 우주 게임 등 실습 프로젝트를 통해 HTML, CSS, JavaScript를 배우는 12주·24강 초보자 커리큘럼입니다.
Node.js와 Chromium 기반으로 JavaScript, HTML, CSS를 사용해 크로스 플랫폼 데스크톱 앱을 만드는 프레임워크입니다.
React Native 앱 개발에 유용한 라이브러리, 도구, 뉴스 출처와 학습 자료를 모아 정리한 목록입니다.
New Concept English 4권을 위한 브라우저 기반 플레이어로, 오디오와 문장별 재생, 중영 자막을 제공합니다.
반응형 모바일 우선 웹사이트를 만드는 데 쓰이는 인기 프런트엔드 프레임워크로, HTML·CSS·Sass/JavaScript 컴포넌트를 제공합니다.