티스토리 뷰

ALL

선언형 코드/ 명령형 코드

whoAmI_ 2022. 9. 11. 22:02

 

공부를 하다보니 우리가 개발할때 사용하는 코드 방식에 대해서 생각해보게 되었습니다.

 

 

 

선언형(declarative) 코드

: 원하는 결과를 표현하기 위해 코드가 작성됩니다.

  ex) Make me a sandwich

'선언형코드'는 원하는 "결과값" 을 선언하는 것입니다.

 Ex)

function spaceToHeart(text){
     return text.replaceAll(" ", "★");

 


 

명령형(Imperative) 코드

: 원하는 결과를 얻기위해 필요한 지침에 따라 코드가 작성됩니다.

 

ex) 1. 식빵 toast

2. 야채+토마토+치즈 cut

3. combine

4. done!!! 샌드위치

'명령형코드'는 그 결과값에 "어떻게" 도달하느냐에 관한 것입니다.

Ex)

function spaceToHeart(text){
   let result = "";
   for(let i=0; i<text.length; i++){
        if(text[i] === " "){
             result += "★";
        } else {
             result += text[i];
        }
    }
    return result;
}

 

 


 

 

 

모든 선언형 코드는 명령코드 위에 쓰여진다고 할 수 있습니다.

우리 개발자들은 명령형 코드 방식을 피할 수 있는 함수 등을 활용할 수 있습니다.

명령형방식은 코드가 길어지는 문제도 있으며 + 요구사항의 구현이 개발자인 우리에게 달려있기 때문에

코드작성시 버그나 실수 발생할 확률이 높아집니다.

어떤때에 어느것이 더 좋은 방식인지 생각해보는 기회가 되었습니다.

명령형 or 선언형

'ALL' 카테고리의 다른 글

API 란?  (0) 2023.01.02
2022 회고록  (0) 2023.01.01
[React] useState 간단예제 카운터  (0) 2022.12.29
modal 열기, 닫기, 닫기 이벤트처리 및 해제  (0) 2022.12.13
LOB  (0) 2022.11.29
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/09   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함