mir.pe (일반/밝은 화면)
최근 수정 시각 : 2024-09-20 15:11:39

elm(프로그래밍 언어)

Elm(프로그래밍 언어)에서 넘어옴

프로그래밍 사이트 선정 프로그래밍 언어 순위 목록
{{{#!wiki style="margin: 0 -10px -5px; word-break: keep-all"
{{{#!wiki style="display: inline-table; min-width: 25%; min-height: 2em;"
{{{#!folding [ IEEE Spectrum 2024 ]
{{{#!wiki style="margin: -5px 0"
<rowcolor=#fff> 스펙트럼 부문 상위 10개 프로그래밍 언어 직업 부문 상위 10개 프로그래밍 언어
1 Python 1 SQL
2 Java 2 Python
3 JavaScript 3 Java
4 C++ 4 TypeScript
5 TypeScript 5 SAS
6 SQL 6 JavaScript
7 C# 7 C#
8 Go 8 HTML
9 C 9 Shell
10 HTML 10 C++
}}}
}}}
}}}
[ Stack Overflow 2024 ]
[ TIOBE 2024 ]
||<tablewidth=100%><width=9999><-4><bgcolor=deepskyblue><tablebgcolor=#fff,#222> 2024년 8월 기준 검색어 점유율 상위 20개 프로그래밍 언어 ||
1 Python 11 MATLAB
2 C++ 12 Delphi / Object Pascal
3 C 13 PHP
4 Java 14 Rust
5 C# 15 Ruby
6 JavaScript 16 Swift
7 SQL 17 Assembly language
8 Visual Basic 18 Kotlin
9 Go 19 R
10 Fortran 20 Scratch
{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px);"
{{{#!folding [ 21위 ~ 50위 펼치기 · 접기 ]
{{{#!wiki style="margin: -5px -1px -11px"
21 COBOL 36 Scala
22 Classic Visual Basic 37 Transact-SQL
23 LISP 38 PL/SQL
24 Prolog 39 ABAP
25 Perl 40 Solidity
26 (Visual) FoxPro 41 GAMS
27 SAS 42 PowerShell
28 Haskell 43 TypeScript
29 Dart 44 Logo
30 Ada 45 Wolfram
31 D 46 Awk
32 Julia 47 RPG
33 Objective-C 48 ML
34 VBScript 49 Bash
35 Lua 50 Elixir
}}}}}}}}} ||
[ PYPL 2024 ]

}}} ||
프로그래밍 언어 목록 · 분류 · 문법
<colcolor=#5B6379,#60B5CD> Elm
파일:Elm_logo.svg.png
개발자 Evan Czaplicki
출시 연도 2012년
타입 시스템 Static(정적타입)
Strong(강타입)
Inferred(추론형)
파일:홈페이지 아이콘.svg | 파일:GitHub 아이콘.svg 파일:GitHub 아이콘 화이트.svg
1. 개요2. 예제3. 외부 링크4. 관련 문서

[clearfix]

1. 개요

Elm은 프론트엔드 개발에 특화된 함수형 언어이다. Elm 컴파일러는 Elm 코드를 JavaScript로 변환시켜, Web상에서 실행될 수 있게 한다. 이 점은 TypeScript Dart 언어와 비슷하다. Elm은 Haskell의 영향을 강하게 받은 언어로, 컴파일러 또한 Haskell로 쓰여져있다. Elm은 뛰어난 컴파일러와 강력한 타입 시스템에 의하여 원칙적으로 런타임 에러를 일으키지 않는다. 이러한 특성이 Elm의 높은 생산성을 만든다. Elm의 함수는 모두 순수 함수로 이루어져 있는데, Elm 컴파일러는 그 사실을 바탕으로 Dead Code Elimination(죽은 코드 제거)을 수행하여 Vue.js, Angular, React에서 빌드했을 때 보다 훨씬 작은 크기의 에셋을 얻을 수 있다.[1]

Elm 공식 홈페이지에서 코드를 실행시켜 볼 수 있다.

React의 상태 관리에 쓰이는 라이브러리 Redux가 바로 이 Elm의 아키텍처에 영감을 받아서 만들어졌다.[2]

2. 예제

카운터 예제 온라인에서 실행
#!syntax typescript
-- 카운터 예제
module Main exposing (..)

import Browser
import Html exposing (Html, button, div, text)
import Html.Events exposing (onClick)

-- MAIN
main =
  Browser.sandbox { init = init, update = update, view = view }

-- MODEL
type alias Model = Int

init : Model
init =
  0

-- UPDATE
type Msg
  = Increment
  | Decrement

update : Msg -> Model -> Model
update msg model =
  case msg of
    Increment ->
      model + 1

    Decrement ->
      model - 1

-- VIEW
view : Model -> Html Msg
view model =
  div []
    [ button [ onClick Decrement ] [ text "-" ]
    , div [] [ text (String.fromInt model) ]
    , button [ onClick Increment ] [ text "+" ]
    ]

3. 외부 링크

4. 관련 문서


[1] https://elm-lang.org/news/small-assets-without-the-headache [2] https://redux.js.org/understanding/history-and-design/prior-art