add: CS - business logic, snippets 용어 설명 추가

Author: junh0328

README.md

@@ -127,6 +127,14 @@ ex)
   - 통합 테스트란 무엇인가요?
   - E2E 테스트란 무엇인가요?
 
+- `business logic 🔥`
+
+  - business logic 이란 무엇인가요?
+
+- `Snippet 🔥`
+
+  - snippet 이란 무엇인가요?
+
 - `웹팩 🔥`
 
   - 웹팩이란?

cs.md

@@ -79,6 +79,14 @@
   - 통합 테스트란 무엇인가요?
   - E2E 테스트란 무엇인가요?
 
+- [business logic 🔥](#business-logic)
+
+  - business logic 이란 무엇인가요?
+
+- [Snippet 🔥](#Snippet)
+
+  - snippet 이란 무엇인가요?
+
 - [웹팩 🔥](#웹팩)
 
   - 웹팩이란?
@@ -766,6 +774,36 @@ CDN 서비스를 제공하는 대표적인 기업 - [**Amazon CloudFront**](http
 - 단위/통합 테스트에 비해 작성이 어렵고 실행 속도가 비교적 느림
 - API 서버, DB 등의 외부 서비스들을 모두 사용하여 통합된 시스템을 테스트
 
+## business logic
+
+### `business logic 이란 무엇인가요?`
+
+위키: 비즈니스 로직(Business logic)은 컴퓨터 프로그램에서 실세계의 규칙에 따라 데이터를 생성·표시·저장·변경하는 부분을 일컫는다. 이 용어는 특히 데이터베이스, 표시장치 등 프로그램의 다른 부분과 대조되는 개념으로 쓰인다.
+
+[출처/ Su Bak님의 글 Business Logic이란?](https://medium.com/@su_bak/term-business-logic%EC%9D%B4%EB%9E%80-6d53c4782d73)
+
+비즈니스 로직(도메인 로직/ 애플리케이션 로직)이란 프로그램의 핵심 로직을 뜻합니다.
+
+어떻게 데이터가 생성되고 저장되고 수정되는지를 정의한 것이 비즈니스 로직이라고 할 수 있습니다.
+
+<b>만약 쇼핑몰 프로그램을 사용한다고 했을 때 물품 목록을 보고 마음에 드는 물품들을 장바구니에 담을 것입니다.
+
+이 때 장바구니에 물품을 추가할 때마다 결제예정 금액이 추가된 물품의 금액에 맞게 변경되는 것을 보신 적이 있으실 겁니다.
+
+이렇게 장바구니에 있는 결제예정 금액이 물품이 추가됨에 따라 수정되는 로직이 바로 비즈니스 로직입니다.</b>
+
+## Snippet
+
+### `Snippet 이란 무엇인가요?`
+
+스니펫(Snippet)은 재사용 가능한 소스 코드, 기계어, 텍스트의 작은 부분을 일컫는 프로그래밍 용어이다. 사용자가 루틴 편집 조작 중 반복 타이핑을 회피할 수 있게 도와준다. - 위키백과
+
+스니펫은 작은 조각을 뜻한다. 요즘 활용되는 왠만한 코드편집기, IDE 등은 code snippet 단위로 '템플릿'을 만들어 써먹을 수 있게 되어있다. 지정한 접두어를 입력하면 템플릿이 입력되는 식이다.
+
+VS Code 의 확장 프로그램 활용 - **Reactjs code snippets / Tabnine AI**
+
+<img src="./cs_images/16.gif" alt="snippets"/>
+
 ## 웹팩
 
 [Link 🔥](https://github.com/junh0328/CAPATIN_WEBPACK)