보일러플레이트란?

KwonSungMin·2023년 9월 6일
0

개인적인 FE 정리

목록 보기
2/9

찾아본 정의는 아래와 같다.

컴퓨터 프로그래밍에서 보일러플레이트 또는 보일러플레이트 코드라고 부르는 것은 최소한의 변경으로 여러곳에서 재사용되며, 반복적으로 비슷한 형태를 띄는 코드를 말한다.

📌 즉, 보일러 플레이트란

'별 수정 없이 반복적으로 사용되는 코드'를 자동으로 생성해주는 것이다.

예시를 통해 알아보자

React-Native 코딩을 하게 되면 다음 코드는 수십 번에서 수백 번도 작성하게 될 것이다.

코드

// Import
import React from 'react';
import { Text, StyleSheet, View } from 'react-native';

// Component
const Home = () => {
  const name = 'Coding Grandpa';

  return (
    <View>
      <Text>Welcome to the home page!</Text>
      <Text>My name is {name}</Text>
    </View>
  )
};

// StyleSheet
const styles = StyleSheet.create({});

// Export
export default Home

정리

Import, Component, StyleSheet, Export (ICSE), 이 4가지는 항상 들어간다.

예제 코드에서는 StyleSheet도 빈 깡통으로 만들어 두었지만, 이런 식으로 늘 4가지를 만들어서 사용해야 하기 때문에 우리는 이를 보일러 플레이트라고 한다.

그래서 보일러 플레이트는 버전이 바뀌면 자동생성 코드가 바뀔수 있는데 그렇기때문에 node_modules에 저장하는 npm에 취약하다

참고자료

https://coding-grandpa.tistory.com/2

profile
천천히

0개의 댓글