Major- (864) 썸네일형 리스트형 2. React App Vite로 자동 구성한 React App 1. Vite- 기본 설정이 적용된 React App 생성 툴npm create vite@latest 2. 프레임워크 선택-react 3. 버전 선택-TypeScript, JavaScript 4. package.json의 라이브러리 설치-npm i 5. public 폴더-vite.svg (정적 파일 보관소) 6. src 폴더 (동적 파일 보관소)-.jsx (JS에 HTML 코드)-assets (정적 자원을 프로젝트 코드에서 동적으로 사용하는 곳) 더보기public 폴더와 assets 폴더의 차이는 다음과 같습니다:public 폴더: 앱 빌드 후 직접적으로 접근할 수 있는 정적 파일들을 저장하는 곳입니다. index.html, favicon, 이미지 등과 같은 파일.. 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.. Clean Architect (1) 프로그래밍 패러다임 소프트웨어 아키텍처의 목표-필요한 시스템을 만들고 유지보수하는 데 투입되는 인력의 최소화아키텍처와 설계-고수준의 구조(결정사항)과 저수준의 세부사항아키텍처는 구현과 측정을 통해 증명해야 가는 가설이다.-톰 길브행위와 구조-프로그래머가 지켜야할 두 가지 가치소프트웨어 존재 가치-기계의 행위를 쉽게 변경하기 위함-필요조건 :(1) 변경 범위에 비례- 모듈화, 캡슐화(정보은닉)(2) 변경사항의 행태에는 영향을 받지 않아야함- TDD개발자가 이해관계자로서 지켜야할 가치-긴급하지 않지만 중요한-긴급하지만 중요하지 않은의 투쟁에서 아키텍처의 중요성이라는 가치를 지키는 것프로그래밍 패러다임1. 구조적 프로그래밍- 제어흐름의 직접적인 전환에 대한 규칙 부과-> 조건에 따라 실행흐름 직접 제어2. 객체지향 프로그래밍- .. 이전 1 2 3 4 ··· 108 다음
