JS : Imperative & Declarative

🤔 들어가기 전

선언형(Declarative)과 명령형(Imperative)에 대해 이해하기 위해 글을 작성했다.

최대한 이해해 보도록 하자!!

참고자료를 읽으면 더 많은 내용이 있다..!! 🥰

---

⚙️ 명령형(Imperative)

코드를 읽으면 어떤 동작을 하는지 이해할 수 있다. 하지만, 의도가 명확하지 않다.
각 단계가 어떤 의미를 가지며, 어떻게 연관되어 있는지 알아내기 어렵고 가독성이 떨어진다.

즉, How to do ▶ 사용자가 컴퓨터에게 어떻게 할 것인지

명령형 언어에는 C, C++, C#, Java와 같은 언어가 있다.

✨ 보통 초보 개발자들이 가지는 코드 스타일이다.

✅ 예시 1

let lst = [1,2,3,4,5,6];
let result = 0;

for(let i=0; i<lst.length; i++) {
  result += lst[i];
}

console.log(result);

✅ 예시 2

• 수인 분당선 미금역에서 NAVER 본사를 가는 방법은 720-1 버스를 3분 타고 상록마을에서 하차 후 10분 정도 걸으면 도착해!

⚙️ 선언형(Declarative)

조금 더 이해하기 쉽다. 또한 더 간결하며 결과를 얻기 위한 단계들의 의미가 더 명확하다.
명령형보다 효율적인 코드를 작성할 수 있다.

즉, What to do ▶ 사용자가 컴퓨터에게 무엇을 할 것인지

선언적 언어에는 SQL, HTML, XML, CSS와 같은 언어가 있다.

✅ 예시 1

let lst = [1,2,3,4,5,6];

let result = lst.reduce((pre, cur)=>{
  pre + cur
});

console.log(result);

✅ 예시 2

• NAVER 본사 도로명 주소는 경기 성남시 분당구 불정로 6, 지번은 정자동 178-1이야!

📌 참고자료
icepeng 명령형 프로그래밍과 선언형 프로그래밍
Junseok Yoon 명령형(Imperative) 언어와 선언형(Declarative) 언어
Hakunamatata 명령형 vs 선언형 프로그래밍
박스여우 명령형 프로그래밍 VS 선언형 프로그래밍
WEB Eev Zone mperative vs. Declarative JavaScript
freeCodeCamp Imperative vs Declarative Programming

---

🗓️ 수정 및 추가

✅ 2022.03.26

• 오타 수정