Forri's Journey

📌 [RPA 개발자] (반복 업무 자동화 전문가)- UiPath- automation anywhere- a.Works- brity하는 일: 사람이 수작업으로 하던 단순 업무(엑셀 정리, 이메일 보내기 등)를 자동화하는 프로그램을 개발예시: 회사에서 매일 직원들 출퇴근 시간을 정리해야 하는데, 사람이 하지 않고 프로그램이 알아서 정리해줌.🛠 [백엔드 개발자] (웹·앱의 보이지 않는 뇌)- 서버관리- 클라이언트- HTTP- SI개발하는 일: 서버를 관리하고, 데이터를 주고받는 로직을 만듦. (웹사이트나 앱에서 데이터 저장·처리)예시: 쿠팡에서 상품을 검색하면, 백엔드가 데이터베이스에서 상품 정보를 가져와서 화면에 띄워줌.🎨 [프론트엔드 개발자] (웹·앱의 얼굴을 만드는 사람)- GUI - 반응형웹- 인..

웹 개발에서 UI를 렌더링하는 방식은 서버 사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR)으로 나뉩니다. 이와 관련된 주요 기술로는 Spring Boot에서 사용하는 Thymeleaf(SSR 기반)와 동적인 UI를 만드는 React(CSR 기반)가 있습니다.이번 포스팅에서는 Thymeleaf vs React의 차이점과 함께 SSR vs CSR 개념까지 하나로 정리하여 어떤 프로젝트에서 어떤 방식을 선택하는 것이 좋은지 비교해보겠습니다.🫡1. Thymeleaf vs React 비교📌 Thymeleaf란?Spring Boot에서 사용하는 서버 사이드 템플릿 엔진서버에서 HTML을 렌더링한 후 클라이언트에게 완성된 페이지를 전달동적인 데이터 삽입 가능 (th:text, th:each 등의 속성 ..

공통점둘 다 AWS EC2(서버)에 프로젝트를 올려서 실행해야 함서버를 띄우고 프로젝트를 실행하는 과정은 동일함둘 다 DB(MySQL, PostgreSQL 등)를 연결해서 운영할 수 있음AWS RDS 같은 클라우드 DB를 사용하면 둘 다 같은 방식으로 DB와 연결 가능둘 다 인터넷에서 접속 가능하게 만들 수 있음http://13.124.164.53:8787 같은 주소로 웹사이트를 제공 가능둘 다 배포 후 관리해야 함서버가 꺼지면 다시 실행해야 하고, 코드 변경 시 업데이트해야 함차이점 (Docker vs 직접 배포)구분 Docker 없이 배포 (전통적인 방식) Docker로 배포 설치 과정서버에 직접 Node.js, Java, MySQL 등을 수동 설치Docker 컨테이너 안에 환경을 미리 정의하고 실..

디자인 패턴 6가지 정리 (Spring Boot, Java 백엔드 개발 환경) 1. 생성 패턴(Creational Patterns) → 객체 생성 방식 최적화 싱글톤: 프로그램에서 하나의 인스턴스만 유지 팩토리: 객체 생성을 서브클래스에 위임 빌더: 복잡한 객체 생성 과정을 분리해 유연성 제공 2. 구조 패턴(Structural Patterns) → 클래스와 객체 관계 최적화 프록시: 원래 객체에 대한 접근을 조정하는 대리 객체 제공 3. 행동 패턴(Behavioral Patterns) → 객체 간의 커뮤니케이션 최적화 전략: 실행 중에 알고리즘을 변경할 수 있도록 인터페이스 제공 옵저버: 상태 변경을 감지하고 여러 객체에게 알림1. 싱글톤 패턴 (Singleton) → 가장 많이 사용됨 (★★★★★) ..

왜 MVC 패턴을 써야 할까?웹 애플리케이션을 만들 때 비즈니스 로직 (데이터 처리), 화면 처리 (UI), 사용자 입력 처리 등을 한 곳에서 관리하면 유지보수가 어렵고 코드가 복잡해짐.👉 이를 해결하기 위해 Model-View-Controller(MVC) 패턴을 사용해 역할을 분리하면 유지보수를 쉽게 할 수 있음.✔️예제[MVC가 없는 코드 (문제점)]예제: 사용자가 "상품 목록 보기" 버튼을 클릭하면 상품 목록이 표시되는 기능@WebServlet("/products")public class ProductServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response)..

Spring의 기본 기술과 개념1. Spring Core (스프링 코어)IoC (Inversion of Control, 제어의 역전)객체의 생성과 관리(라이프사이클)를 스프링 컨테이너가 담당하는 개념DI (Dependency Injection, 의존성 주입)객체 간의 의존성을 스프링이 관리하여, 필요할 때 객체를 자동으로 주입해줌@Autowired, @Component, @Service, @Repository 등의 어노테이션 활용2. Spring AOP (Aspect-Oriented Programming, 관점 지향 프로그래밍)공통 기능(로깅, 보안, 트랜잭션 관리 등)을 모듈화하여 중복을 줄이고 코드의 유지보수를 쉽게 해줌@Aspect, @Before, @After, @Around 등의 어노테이션 활용..

"미사역 초밥뷔페 맛집"​경기 하남시 미사강변동로 95 지하 1층 1069호, 1096영업시간월화수목금토일: 11:00-21:30☎031-793-1350  시작!      고메스퀘어를 처음간건데 알고보니 체인점이라 여기저기 많았다. 평일런치에 가면 여유롭게 먹을수 있다. 초밥뷔페라고 하는데 난 그거보다 샐러드 종류가 많아서 좋았고, 해산물(간장새우, 가리비, 소라)이 맛있어서 좋았다. 애슐리 쿠우쿠우 같은 무한리필뷔페가 많은데 여기도 맛집인정👍

"동대문 떡볶이 맛집😊"​서울 중구 장충단로13길 20 9영업시간월화수목금토일: 11:00-21:00라스트오더: 20:30☎02-2283-2906  뭐를 먹을까 고민하다 운명처럼 눈에 들어온 두끼...!예전에 한 번 먹어봤는데 맛있었던 기억이 있다. 진짜x100 맘에 든다.일단 내가 원하는대로 레시피를 만들어서 먹을수 있다는게 좋았고, 내가 만든거라 맛있으면 맛있는대로 맛없으면 맛없는대로 재밌었다. 난 떡볶이만 먹었지만 두끼 고수들은 마라탕도 만들어 먹고 순대볶음도 만들어 먹는다고 한다. 근데 나는 떡볶이가 좋아서 오리지널이랑 로제 떡볶이만 먹었다. 가기전에 떡볶퀸 유튜브 보긴 했는데 막상 가서는 내가 하고싶은대로 먹었다. 맛있게 먹고싶으면 참고하면 좋을듯! 여담으로 동대문DDP도 구경했는데, 운좋게 ..

리액트에서 전역 상태 관리가 필요할 때 가장 많이 사용되는 방법은 Context API와 Redux다. 두 방법 모두 상태를 공유하고 관리하는 역할을 하지만, 쓰임새와 구조가 다르다.Context API란?Context API는 리액트에서 기본 제공하는 전역 상태 관리 기능이다. 별도의 라이브러리를 설치하지 않고, React.createContext()를 이용해 상태를 관리할 수 있다.언제 사용할까?규모가 작거나 간단한 전역 상태 관리가 필요할 때상태를 여러 컴포넌트에서 공유해야 할 때별도의 라이브러리 없이 리액트 기본 기능으로 해결하고 싶을 때Context API 예제import React, { createContext, useContext, useState } from 'react';// 1️⃣ Co..

1. 왜 리액트를 사용할까?리액트는 전 세계적으로 가장 많이 사용되는 프론트엔드 라이브러리 중 하나다. 그렇다면 왜 리액트를 사용할까? 그리고 다른 프레임워크와 비교했을 때 어떤 차이점이 있을까?리액트 vs 다른 프레임워크 비교비교 React Vue Angular Svelte 러닝 커브중간낮음높음낮음상태 관리Context API, Redux, ZustandVuex, PiniaRxJS, NgRxStore API성능빠름빠름무겁지만 확장성 좋음가장 빠름커뮤니티매우 큼큼큼작음기업 사용Facebook, Netflix, AirbnbAlibaba, XiaomiGoogle, MicrosoftRelatively small 리액트는 컴포넌트 기반 구조로 유지보수가 쉽고, 커뮤니티가 크며, 다양한 라이브러리를 통해 확..