1. SOLID 원칙 지난 시간에 공부했던 ‘비즈니스 로직’, ‘캡슐화’, ‘모듈성, ‘추상화’ 등을 이번에 배우는 SOLID라는 개념으로 더 확실하게 정리해보자. SOLID 원칙을 프론트엔드에 적용하면 단순 하드 코딩이 아닌 쉽게 유지보수 할 수 있으며 재사용성이 높은 코드를 만들 수 있게 해준다. 1.1 SOLID 원칙 이란 SOLID 원칙은 5개의 원칙으로 이루어진 개념이다. SRP 단일 책임 원칙 단일 책임 즉, 하나의 요소가 하나의 변경이유를 갖게하라 로직 관리에 대한 것은 설계 단계 부터 소통을 통해 확립하자. OCP 개방-폐쇄 원칙 기존 코드를 수정하기 보다 새로운 코드를 추가해 코드 변경에 용이하게 설계(ex. CCP) LSP 리스코프 치환 원칙 관리 차원에서 라이브러리 등 변할 수 있는 ..
회고록/React 프리온보딩
비즈니스 로직이란 서비스에 적용할 기능 혹은 효과를 의미한다. 예를 들어 사용자 인증(JWT등), 닉네임 변경 등 서비스에서 제공하는 기능을 의미 1. 비즈니스 로직과 UI 기능 구별하기 UI 로직은 사용자가 서비스를 이용하며 보여지는 외부 요소들, 즉 생김새를 의미한다. 하지만, 비즈니스 로직은 특정한 상황이나 조건에 맞게 설계된 비즈니스에 맞춰진 작업의 흐름이다. 대부분의 비즈니스 로직은 백엔드 API와 DB 사이에서 구현되어야만 한다. 하지만 프론트엔드에서 비즈니스 로직을 이해해야하는 이유는 비즈니스 로직을 인식하고 UI 로직으로 부터 분리 및 백엔드로 보내야 하기 때문이다. 2. '소프트'웨어를 '소프트' 하게 소프트웨어는 '부드러움을 지니도록' 만들어졌다.소프트웨어를 만든 이유는 기계의 행위를 ..
코드가 복잡해지는 이유 이번 강의에서는 우리의 코드가 복잡해지는 이유는 액션과 계산의 분리가 되지 않았음에 초점이 맞춰있다. 계산과 액션을 구분하라 식(Expression): 값을 생성하며 이를 반환함. 또한 다른 식의 일부가 될 수 있음. 문(Statement): 프로그램의 행동을 지시하며 값을 반환하지 않음. 의미론적으로는 코드의 흐름을 제어하거나 변수를 선언하는 등의 역할을 수행함. 1. 순수 함수 / 부수 효과 순수 효과란 입력에 대해 항상 동일한 값을 반환하며, 부수 효과가 없는 함수이다. const add = (a, b) => a + b 부수 효과란 함수의 핵심 목적에서 벗어나 외부 세계에 영향을 주는 행위가 포함된 함수이다. const asyncCall = async () => { retur..
