순수 함수형 프론트엔드 언어 Elm 가이드

3시간 만에 후루룩!
Elm과 함께 함수형 프로그래밍까지 공부해요 😎

프론트엔드 특화 언어, Elm ✔️

Elm(엘름)은 순수 함수형 프로그래밍으로 웹앱을 만들 수 있는 프론트엔드 특화 언어입니다. 웹 브라우저 기반의 GUI(Graphical user interface)를 선언적으로 작성하기 위한 도메인 특화 언어로, 사용성과 견고성 등을 특히 중시합니다.

FE 프레임워크가 복잡하다면
Elm 한 번 사용해 보세요 📌

Elm은 프로그래밍 언어이자 프론트엔드 웹앱 전용 프레임워크입니다. 언어와 프레임워크를 각각 공부할 필요 없이, 단번에 웹앱을 만들 수 있게 됩니다.

리액트나 뷰 등의 주류 프론트엔드 프레임워크가 너무 복잡하다고 느끼셨다면, Elm이 그 대안이 될 수도 있겠습니다. 백엔드 개발자의 경우, 새로이 현대에 유행하는 프런트엔드 쪽 프레임워크를 배우기는 벅찹니다. 모든 것이 다 갖춰진 Elm 하나만 공부해서 빠르게 내게 필요한 웹앱을 만들어 봅시다.

이 강의는 Elm 표준 문서를 함께 읽고 따라 하는 방식으로 학습합니다. 웹앱을 만드는 훌륭한 아키텍처인 The Elm Architecture(TEA)를 공부합니다. 공식 문서만큼 좋은 게 없지만, 혼자 영문 문서를 다 읽는 것은 쉽지 않죠. 기초 문법부터 타입, 웹앱 제작, 최적화까지 친절한 한국어 설명과 함께라면 문제 없이 끝까지 따라가실 수 있으리라 기대합니다.

_{Elm 공식 문서}

이 강의의 지식공유자는요 ✒️

함수형 프로그래밍에 관심 있는 백엔드 개발자로서, 간혹 업무 내외적으로 웹앱을 만들어야 할 때 Elm을 요긴하게 활용한 경험이 있어서, 이 무료 강의를 공개하게 되었습니다.

• 라인플러스에서 광고 수익 배분 시스템의 백엔드 배포 관리 앱을 Elm으로 개발해서 운영
• 제주 개발자 모임 운영 페이지를 Elm으로 개발해서 운영

이런 분들께 추천해요 🙆‍♀️

함수형 프로그래밍에 관심 있는 프런트엔드 개발자

내부 관리 툴 등 웹앱을 만들어야 하는 백엔드 개발자

간단한 프런트엔드 웹앱 프레임워크를 찾고 있는 분

예상 질문 Q&A 💬

수강 전 참고 사항 📢

실습 환경

• 운영 체제 및 버전(OS): Windows, macOS, Linux, Ubuntu 등 무관, 웹브라우저 환경.
• 사용 도구: 웹 브라우저만 있으면 됩니다.

학습 자료

• Elm 공식 홈의 가이드 문서를 따라서 공부합니다.

선수 지식 및 유의사항

• HTML/CSS 기초지식이 필요합니다.
• 자바스크립트 동작 환경은 알고 있어야 하지만, 수준높은 경험이 필요하지는 않습니다.

강의 썸네일 배경사진 이미지 출처: Unsplash의Dylan Freedom