Major- (865) 썸네일형 리스트형 [Spring + React] 1. 설치 및 세팅 🔹 1. 전통적인 전체 페이지 렌더링 방식요청 → View(HTML) → 전체 페이지 렌더링사용자가 웹 페이지에 접근하거나 버튼을 클릭하여 서버에 요청을 보냄.서버(백엔드)는 요청을 처리하고, HTML을 포함한 전체 페이지를 렌더링하여 응답으로 보냄.브라우저는 받은 HTML을 해석하여 새로운 페이지를 표시하며, 기존 페이지는 새 페이지로 완전히 대체됨.✅ 특징요청이 발생할 때마다 전체 페이지가 새로고침됨.서버에서 HTML을 렌더링하여 반환하므로, 클라이언트 측에서 데이터 가공이 필요 없음.사용자 경험(UX)이 다소 떨어질 수 있음(새로고침 시 깜빡임 현상 발생).대표적인 방식: SSR(Server-Side Rendering)🔹 2. Ajax를 이용한 비동기 요청 & 부분 업데이트 방식View → 요청.. 2. React App ✅ Vite로 자동 구성한 React AppVite를 사용하여 React 애플리케이션을 자동으로 구성하는 과정에 대해 설명합니다. Vite는 빠르고 효율적인 개발 환경을 제공하는 도구로, 기본 설정이 적용된 React 앱을 쉽게 생성할 수 있습니다.🔹 1. Vite설명: Vite는 현대적인 웹 애플리케이션을 위한 빌드 도구로, 빠른 시작과 핫 모듈 교체(Hot Module Replacement, HMR)를 지원합니다.명령어: 아래 명령어를 사용하여 Vite를 설치하고 새로운 React 애플리케이션을 생성합니다.npm create vite@latest🔹 2. 프레임워크 선택설명: 애플리케이션의 프레임워크로 React를 선택합니다.옵션: 설치 과정에서 react를 선택합니다.🔹 3. 버전 선택설명: J.. 1. 리액트 기술적 특징 기술 특징컴포넌트 기반 UI 렌더링 (독립적인 컴포넌트로 구조화(모듈화) 가능)화면 업데이트 구현이 비교적 쉬움 (상태, 속성의 변경 감지시 재렌더링)선언형 프로그래밍 : 과정은 생략하고 목적만 간결히 명시하는 방법명령형 프로그래밍 : 절차 중심적으로, 프로세스를 상세히 정의하는 방법더보기React의 선언형 프로그래밍과 비교할 만한 반대 개념은 명령형 프로그래밍입니다. 두 프로그래밍 방식은 코드 작성 방식과 사고방식에서 차이가 있습니다. 아래에서 각각의 개념을 설명하고, React와 명령형 프로그래밍의 차이점을 비교해 보겠습니다.1. 선언형 프로그래밍 (Declarative Programming)특징:무엇(What)을 해야 하는지를 설명합니다.결과 중심적으로, 최종 상태나 목표를 명확히 기술하며, 그 목.. 리액트 공부하기 https://www.inflearn.com/course/%ED%95%9C%EC%9E%85-%EB%A6%AC%EC%95%A1%ED%8A%B8/dashboard 한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 강의 | 이정환 Winterlood - 인프런이정환 Winterlood | 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, 리액트, 한 강의로www.inflearn.com MVC -> MSA MVC에서 MSA로의 마이그레이션은 단순한 아키텍처 변경이 아니라, 시스템 구조 전반을 재설계하는 작업입니다. 이 과정은 기존에 모놀리식 아키텍처로 구성된 시스템을 마이크로서비스 아키텍처(MSA)로 전환하는 작업이기 때문에 많은 요소들이 필요하고, 각 단계에서 신중히 고려해야 할 부분이 많습니다.1. MSA로의 마이그레이션을 위한 기초 지식MVC (Model-View-Controller)와 MSA (Microservices Architecture)의 차이MVC (Model-View-Controller):모놀리식 애플리케이션의 한 형태로, 시스템의 모든 기능이 단일 애플리케이션 내에서 동작합니다.모든 요청은 동기적으로 처리되며, 애플리케이션은 하나의 서버에서 관리됩니다.장점: 개발 초기에는 빠르게 개발할 .. 메시지 브로커의 레디스, 이벤트 브로커의 카프카 이벤트 브로커(Event Broker)와 메시지 브로커(Message Broker)는 기능적으로 유사한 개념이지만, 용도와 초점이 약간 다릅니다. Kafka와 Redis는 각각 특정 목적에 최적화되어 있기 때문에, 이 두 가지 역할을 수행하는 방식에서 차이가 있습니다. 이를 통해 Kafka와 Redis의 차이점도 명확히 이해할 수 있습니다.이벤트 브로커(Event Broker)개념이벤트를 기반으로 데이터를 전달하고, 이벤트 로그를 저장하거나 스트리밍하는 역할을 합니다.이벤트는 상태의 변경 또는 특정 작업의 발생을 나타냅니다.예: 사용자 클릭, 주문 생성, 결제 완료 등.이벤트 브로커는 보통 이벤트를 생성하고, 저장하며, 소비자에게 전달하는 기능을 모두 포함합니다.특징이벤트 스트리밍:이벤트 데이터가 지속적.. Numpy NumPy는 강력한 수치 계산 라이브러리로, 다양한 기능을 제공합니다. 여기서는 NumPy의 주요 메서드와 기능들을 정리하였습니다. NumPy는 주로 배열 생성, 배열 조작, 수학적 연산 및 선형 대수, 통계, 그리고 파일 입출력 관련 메서드를 포함하고 있습니다.1. 배열 생성numpy.array(): 배열 생성.numpy.zeros(): 모든 요소가 0인 배열 생성.numpy.ones(): 모든 요소가 1인 배열 생성.numpy.empty(): 초기화되지 않은 배열 생성.numpy.arange(): 주어진 범위의 값으로 배열 생성.numpy.linspace(): 주어진 구간을 등간격으로 나누어 배열 생성.numpy.eye(): 단위 행렬 생성.numpy.random.rand(): 균등 분포에서 랜덤 배.. 파이썬 알고리즘 파이썬 자바 차이점개념자바파이썬주의할 점변수 선언int a = 5;a = 5파이썬은 타입을 명시하지 않음.자료형String, int, double 등str, int, float 등자료형 변환 시 명시적으로 변환해야 함.배열 및 리스트int[] arr = new int[5];arr = [0] * 5파이썬의 리스트는 동적 크기.반복문for (int i = 0; i for i in range(n):파이썬의 range()는 마지막 숫자는 포함하지 않음.조건문if (a > b) {}if a > b:중괄호 대신 콜론과 들여쓰기를 사용.클래스 정의class MyClass {}class MyClass:self를 첫 번째 매개변수로 명시해야 함.메서드 정의void myMethod(int a) {}def my_method.. 이전 1 2 3 4 ··· 109 다음
