아리의 개발 일상

CSR vs SSR

CSR (Client-Side Rendering, 클라이언트 사이드 렌더링)서버에서 HTML, CSS, JavaScript 등의 파일을 받 브라우저(클라이언트)에서 JavaScript 가 실행되며 전체 화면을 렌더링 하는 방법대표적으로 React,Vue 등의 프레임워크가 이 방식을 사용함장점초기 로딩 이후 페이지 전환이 빠름동적 페이지에 유리함서버 부담 감소단점초기 로딩 속도가 느림검색 엔진 최적화가 어려움 : 초기에 빈 html을 받기 때문에 검색 엔진이 콘텐츠를 파악하기 어려SSR (Server-Side Rendering, 서버 사이드 렌더링)사용자가 요청할 때마다 서버에서 HTML을 완전히 생성해서 브라우저에 전달하면 브라우저는 렌더링대표적으로 JSP , PHP, Next.js 등이 있다.장점초기 ..

OOP란?OOP(Object-Oriented Programming,객체지향 프로그) 은 프로그램을 객체 들의 상호작용으로 구성하는 프로그래밍 패러다임 이다.현실 세계의 사물이나 개념을 객체로 보고 그 객체를 구현하는 방식객체란?속성(데이터) + 동작(메서드)로 구성된 것을 말하면예를 들어 현실 세계에서 “자동차”라는 객체를 생각해보면:속성(필드): 색상, 브랜드, 속도, 연료량동작(메서드): 운전하다, 멈추다, 가속하다class Car { String color; int speed; void drive() { System.out.println("차가 달립니다."); } void stop() { System.out.println("차가 멈춥니다."); ..

클린코드란?가독성이 높고 유지보수가 쉬운 코드를 의미소프트웨어 개발에서 클린 코드를 작성하는 것은 코드 품질을 높이고 협업을 원할하게 하며 버그를 줄이는 중요한 원클린코드 작성법1. 의미 있는 변수 및 함수명 사용변수,함수,클래스 등의 이름은 코드의 의도를 잘 표현할 수 있도록 지어야 하며이름만으로도 코드가 하는 일을 예측할 수 있도록 해야한다.2.함수는 하나의 역할만 수행하나의 함수에 여러개의 기능을 수행하기보다는 여러개의 함수를 만들어 호출하는 방식으로 함수들을 분리하면 유지보수가 쉬워지고 가독성이 올라가면 테스에 용이하다.3. 서술적인 이름을 사용하라서술적인 이름을 사용하면 읽는 사람이 어떤 기능을 하는지 예측할 수 있도록 해준다.사각형 넓이 구하는 함수 ⇒ calculateSquare4. 객체 생..

아키텍처란?시스템의 구조, 행위, 뷰를 정의하는 개념적 모형시스템의 각 컴포넌트가 무엇이며 어떻게 상호작용하는지 정보가 어떻게 교환되는지를 설명한다.⇒ 서비스의 동작 원리를 나타낸다.구성요소구성 요소(Components)예: 모듈, 클래스, 서비스, 데이터베이스, 외부 API 등구성 요소 간의 관계(Interactions)예: 어떤 컴포넌트가 다른 컴포넌트에 어떻게 의존하고 통신하는가설계 원칙과 패턴예: 계층형 아키텍처, MVC, MSA(Microservice Architecture), 이벤트 기반 구조 등아키텍처가 중요한 이유구조화 및 표준화아키텍처는 프로젝트의 구조를 명확하게 정의하여 개발자들이 일관된 방식으로 시스템을 구축하도록 한다.유지보수 및 확장성아키텍처는 시스템의 변화에 쉽게 대응할 수 있도..

리팩토링이란?동작을 유지한 체 코드 내부 구조를 개선하는 작업가독성을 높이고 유지보수 하기 좋도록 바꾸는 과정코드 중복을 최소화버그를 쉽게 찾을 수 있도록 한다.리팩토링이 필요한 시기중복된 코드가 많을때하나의 함수 또는 클래스가 너무 많은 일을 할 때이해하기 어려운 코드일 때하나의 기능을 수정할 때마다 여러 메서드를 수정해야 한다면 하나의 클래스가 하나의 책임만 가질 수 있게 개선새로운 기능 추가하기 어려울 때비슷한 버그가 계속 발생할 때테스트가 어렵거나 불가능할 때리팩토 기법1. 메서드 추출(Extract Method)중복된 코드, 긴 메서드, 들을 별도의 메서드로 분리해 가독성과 재사용성을 높이는 기법2. 변수 이름 변경(Rename Variable)의미 없는 변수명 의미 있는 이름으로 바꿔 코드의 ..