아리의 개발 일상

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("차가 멈춥니다."); ..

생성형 AI, 이제는 작고 똑똑하게 – SLM 시대의 도래 최근 몇 년 사이, 인공지능은 비약적인 발전을 거듭해 왔습니다. 특히 GPT, Claude, Gemini 등 초거대 언어 모델(LLM)의 등장은 많은 사람들에게 “AI가 인간을 넘보는 시대”가 온 듯한 인상을 주었죠. 하지만 그 이면에는 환각(hallucination), 불신, 높은 비용, 그리고 모호한 책임 문제가 함께 자리하고 있습니다.이제 AI의 방향은 단순히 “크고 강력한 모델”을 지향하는 시대를 지나, 신뢰 가능하고 작지만 유능한 모델, 즉 SLM(Small Language Model) 중심으로 재편되고 있습니다. 왜 사람들은 AI를 믿지 못할까?KPMG와 멜버른대학교의 글로벌 AI 보고서에 따르면, AI를 신뢰한다고 답한 사람은 절반도..

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

TCP/IP란?패킷 통신 방식의 인터넷 프로토콜인 IP와 전송 프로토콜인 TCP를 의미하면 데이터를 주고 받을때 어떻게 나눌지,어디로 보낼지 ,어떻게 다 시 합칠지를 정의한다.IP의 역할은데이터를 목적지 까지 전달하는 역활을 한다.패킷이 제[대로 전달되었는지 확인하지는 않는다순서를 보장하지 않는다.TCP의 역할IP 위에서 동작하며 신뢰성 있는 통신을 보장한다패킷이 정확하게 도착했는지 확인보낸 순서대로 정렬하여 다시 조립TCP(Transmission Control Protocol)전송 제어 프로토콜로 osi 7계층에서 4계층인 전송 프로토콜에 해당한다.데이터 전송을 안정적으로 순서대로 에러 없이 전달한다.신뢰성 보장, 흐름제어, 혼잡제어 기능을 할 수 있다.흐름제어란? 데이터의 처리속도를 제어하여 수신자가..

계층을 나누는 이유각계층별 역할을 정의하여 서로다른 시스템에서도 원할하게 연결하기 위해문제해결의 용이성 문제가 발생하였을때 원인을 분석하기 쉽다.TCP/IP 4계층모델통신 규약(프로토콜)의 모음이다.인터넷에서 컴퓨터들이 서로 정보를 주고받는 데 사용되는 프로토콜의 집합을 설명하는 네트워크 아키텍처입니다1계층 - 네트워크 액세스 계층osi 7 계층에서는 물리계층과 데이터링크 계층에 해당실제 데이터를 전달하는 물리적인 계층입니다.전선, 광섬유, 무선 등의 매체를 통해 데이터를 전송합니다.이더넷 프레임을 통해 에러 확인, 흐름 제어, 접근 제어를 담당합니다.물리적 주소인 MAC 사용2계층 - 네트워크(인터넷)계층OSI 7계층의 네트워크 계층에 해당IP 주소를 사용하여 패킷을 목적지로 전송하는 역할을 합니다.I..

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

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

API란?클라이언트,서버와 같은 서로 다른 프로글챔에서 요청과 음답을 주고 받을 수 있게 만든 체계REST API란?REST API는 웹에서 데이터를 주고 받기 위한 아키텍처 스타일이며 규약을 의미한다.자원을 URI 로 표현하고 , HTTP 메서드(GET,POST,PUT,DELETE 등) 을 통해 자원을 다룬다.특징상태 비저장성(무상태)각 요청이 독립적으로 처리되기 때문에 서버 확장서과 유지보수에 유리응답은 주로 JSOIN 형식으로 전달캐싱을 활용할 수 있어 성능면에서 우수하다. (이게 무슨 의미지 확인)계층화클라이언트/서버 구조REST 구성요소자원(Resource) : HTTP URL자원에 대한 행위 : HTTP Method자원에 대한 표현 : Representation1.자원(Resource) : H..

HTTP란?웹 상에서 클라이언트와 서버가 자원을 주고받기 위해 사용하는 통신 규약입니다.HTTP는 HyperText Transfer Protocol의 약자로, 하이퍼텍스트 기반의 데이터를 전송합니다.OSI 7 계층 중 애플리케이션 계층에 속하며, TCP/IP 위에서 동작합니다.비연결성(Connectionless) 기반의 프로토콜로, **요청(Request)**과 **응답(Response)**을 통해 통신합니다.HTTP 작동 방식HTTP는 요청/응답 구조로 동작합니다.클라이언트가 서버에 요청을 보내면, 서버는 그에 대한 응답을 보내고 즉시 연결을 종료합니다.이처럼 매 요청은 독립적으로 이루어지며, 이전의 상태를 유지하지 않습니다.HTTP의 단점비연결성 (Connectionless)요청과 응답이 완료되면 서..