코알라코딩(Coalacoding)은 웹 개발과 크리에이티브 도구를 직접 만들어 보며 익히는 실습 교안을 공개하는 곳입니다. 강의실에서 쓰는 수업 교재를 그대로 정리해 올리기 때문에, 읽고 그대로 따라 하면 화면에 결과가 남습니다.
어떤 글이 있나
2026년 8월 기준 348편의 교안이 공개되어 있습니다. 분야별 편수는 다음과 같습니다.
| 분야 | 편수 | 다루는 것 |
|---|---|---|
| HTML·CSS | 74 | 웹 표준 마크업, 반응형 레이아웃, 애니메이션, Tailwind CSS |
| AI·프롬프트 | 59 | 프롬프트 설계, 생성형 AI 도구 활용, AI 연동 실습 |
| 영상·디자인 | 52 | 프리미어 프로, 애프터이펙트, 다빈치 리졸브, 피그마, 포토샵 |
| JavaScript·TypeScript | 47 | ES6+ 문법, DOM 제어, 타입 시스템, GSAP |
| 백엔드 | 45 | 파이썬, Node.js, 데이터베이스와 SQL, Supabase |
| React | 40 | 컴포넌트 설계, 훅, 라우팅, 상태 관리, API 연동 |
| Git·개발도구 | 26 | 버전 관리, 협업 워크플로, 배포 |
교안을 쓰는 방식
- 실행되는 코드만 싣습니다. 예제는 복사해서 그대로 실행할 수 있어야 한다고 봅니다. 2026년 8월에는 파이썬 교안 전체를 파이썬 3.14에서 실제로 컴파일해 확인하고, 실행되지 않던 예제를 고쳤습니다.
- 손동작 단위로 씁니다. “설정에서 바꾸세요”가 아니라 어느 메뉴를 눌러 무엇을 입력하는지까지 적습니다.
- 결과를 함께 보여줍니다. 코드 옆에 그 코드가 만들어 내는 출력이나 화면을 같이 둡니다.
- 낡으면 고칩니다. 라이브러리가 바뀌어 예제가 동작하지 않게 되면 찾아서 갱신합니다.
누가 만드나
여기 있는 글은 강의실에서 실제로 쓰는 실습 교재입니다. 수업을 준비하며 만든 자료를 그대로 정리해 올리기 때문에, 강의가 진행되는 대로 내용이 늘고 고쳐집니다.
그래서 글을 판단하는 기준이 하나입니다. 따라 했을 때 되는가. 되지 않는 예제는 수업 중에 바로 드러나고, 드러나면 고칩니다. 2026년 8월에 파이썬 교안 전체를 파이썬 3.14에서 실제로 컴파일해 확인하고 실행되지 않던 예제를 고친 것도 같은 이유입니다.
교안 내용에 틀린 곳을 발견하셨다면 문의 페이지로 알려 주세요. 확인해서 고치고, 고친 내용은 그대로 공개됩니다.
연락
교안 내용의 오류 제보, 강의 문의는 문의 페이지를 봐 주세요.