반응형
카엔입니다
카엔
카엔입니다
전체 방문자
오늘
어제
  • 분류 전체보기 (98)
    • 프론트엔드 (74)
      • JavaScript (22)
      • CSS (2)
      • React (21)
      • Next.js (12)
      • 블록체인 (2)
    • 에러 모음 (11)
    • Git (5)
    • 백엔드 (1)
      • GraphQL (1)
    • AWS (2)
    • CS (1)
    • 코딩테스트 (1)
    • 개발 이야기 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 구글 스프레드시트 API
  • 웹상동작과정
  • useCallback
  • Next.js
  • ec2
  • 자릿수 채우기
  • error
  • DOUBLE CHECK CONFIGURATION Please double check that you have setup a PAID OpenAI API Account. You can read more here: https://docs.agpt.co/setup/#getting-an-api-key
  • 모바일 파란 박스
  • git 덮어쓰기
  • nextron
  • git
  • ipc 통신
  • nextron ipc
  • 이벤트루프
  • Cloudfront
  • unoptimized error
  • 자바스크립트 이진수 변환
  • useMemo
  • ChatGPT

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
카엔입니다

카엔

프론트엔드

선언형 프로그래밍과 명령형 프로그래밍 차이

2022. 8. 6. 19:40

선언형 프로그래밍

과정보단 어떤 것인지에 대해 중점을 두고 작성하는 구조

무엇(what)을 해야할지 프로그래밍하는 것

목표를 작성하고 알고리즘은 추상화 시킴

가독성과 재사용성에 유리함

오류가 적음

명령형 프로그래밍

과정에 중점을 두고 작성하는 구조

어떻게(How) 할지에 대해 프로그래밍하는 것

알고리즘을 작성하고 목표는 작성하지 않음

차이

명령형 방식

const str = 'T E S T';

for(let i=0; i<str.length; i++) {
    if(str[i] === ' ') {
        str[i] === '';
    }
}

위 처럼 목적을 달성하는데 필요한 과정에 신경쓴 코드를 명령형 프로그래밍에 예시라 할 수 있다 반면 선언형 방식은 다음과 같다

const str = 'T E S T';
const result = str.replaceAll(' ', '');

과정에 해당하는 부분은 추상화로 처리해서 감추고 목적만 표현하게 된다

'프론트엔드' 카테고리의 다른 글

userAgent 정리  (0) 2022.08.11
Google Admin Domain  (0) 2022.08.10
Google Chat API message sender Hook  (0) 2022.07.26
AWS Amplify 간단 사용법 정리  (0) 2022.06.14
6. 데이터타입 / 7. 연산  (0) 2022.05.18
    '프론트엔드' 카테고리의 다른 글
    • userAgent 정리
    • Google Admin Domain
    • Google Chat API message sender Hook
    • AWS Amplify 간단 사용법 정리
    카엔입니다
    카엔입니다
    https://www.kaen.site/

    티스토리툴바