Mumu-Kim
close
프로필 배경
프로필 로고

Mumu-Kim

  • 분류 전체보기 (94)
    • 생각 정리 (9)
    • Unity (5)
    • C++ (0)
      • Baekjoon (0)
    • 학습 (76)
      • DB (10)
      • React (19)
      • JavaScript (6)
      • Node.js (5)
      • Python (11)
      • C++ 소켓 프로그래밍 (11)
      • C++ 멀티스레딩 (14)
    • 책,강의 (3)
  • 홈
  • 태그
  • 방명록

Redux

1. React 상태 관리상태는 사용자 입력, 서버 응답, 시간 경과 등에 따라 변경되는 애플리케이션의 데이터를 말한다.상태 관리란 이러한 데이터의 생성, 저장, 변경, 사용을 체계적으로 다루는 방법이다.React의 선언적 프로그래밍 모델에서 상태는 UI 렌더링의 기반이 되며, 상태가 변경되면 UI가 자동으로 업데이트된다. 1.1. 상태의 종류React 애플리케이션에서 상태는 범위와 영향력에 따라 분류할 수 있다. 1) 로컬 상태(Local State)단일 컴포넌트 내에서만 사용되는 상태이다. 주로 useState 또는 useReducer 훅으로 관리한다.ex) 폼 입력 값, 토글 버튼 상태, 로컬 UI 상태 등 2) 크로스 컴포넌트 상태(Cross-Component State)여러 관련 컴포넌트에서 공..

  • format_list_bulleted 학습/React
  • · 2025. 5. 9.
  • textsms

Form Action

1. Form Action이란?React 19에서는 기존 HTML 폼의 action 속성을 재해석하여 새로운 방식의 폼 처리 메커니즘을 도입했다.이전에는 폼 제출과 관련된 작업을 처리하기 위해 onSubmit 이벤트 핸들러를 사용하고 event.preventDefault()를 호출하여 페이지 새로고침을 방지해야 했다.React 19의 formAction은 더 간결하고 직관적인 방식으로 폼 처리를 가능하게 한다. 1.1. 기존 HTML vs React의 차이점기존 HTML에서 action 속성은 폼이 제출될 URL을 지정하는 방식이다. 제출 반면, React 19에서는 action 속성에 JavaScript 함수를 직접 할당할 수 있다.이 접근법은 폼 처리 로직을 더 직관적으로 작성할 수 있게 해준다..

  • format_list_bulleted 학습/React
  • · 2025. 5. 2.
  • textsms

파이썬 클래스

1. 클래스파이썬은 다른 객체 지향 언어보다 더 유연하고 동적인 클래스 시스템을 가지고 있다. 1.1. 기본 클래스 구조파이썬 클래스는 class 키워드로 정의하며, 콜론과 들여쓰기로 클래스 내용을 구분한다.class 클래스명: def 메서드명1(self, 매개변수1, 매개변수2, ...): 명령1 명령2 ... 클래스명은 일반적으로 PascalCase 표기법(첫 글자와 각 단어의 첫 글자를 대문자로)을 사용한다. 1.2. 인스턴스 생성과 초기화클래스의 인스턴스는 클래스명을 함수처럼 호출하여 생성한다.__init__ 메서드는 생성자로, 인스턴스가 생성될 때 자동으로 호출된다. ex)class Rectangle: def __init__(self, width,..

  • format_list_bulleted 학습/Python
  • · 2025. 5. 2.
  • textsms

파이썬 함수

1. 파이썬 함수의 기본파이썬의 함수는 일급 객체(first-class objects)로 취급되어 변수에 할당하거나 다른 함수의 인자로 전달하는 등 다양한 방식으로 활용할 수 있다. 1.1. 함수 정의하기파이썬에서 함수는 def 키워드를 사용하여 정의한다.함수명은 스네이크 케이스(snake_case)로 작성하며, 함수 뒤에 소괄호와 콜론을 붙이고 내용을 작성하는 것이 PEP 8 스타일 가이드의 권장사항이다. ex)def greet_user(): print("안녕하세요!")# 함수 호출greet_user() # 출력: 안녕하세요! 1.2. 매개변수와 인자함수에 데이터를 전달하기 위해 매개변수(parameter)를 사용한다.파이썬에서는 매개변수에 자료형을 명시하지 않고 변수명만 기입한다. ex)def..

  • format_list_bulleted 학습/Python
  • · 2025. 5. 1.
  • textsms

Form과 사용자 입력 처리

1. Form이란?React에서의 Form은 사용자로부터 데이터를 수집하기 위한 중요한 UI 요소이다.Form은 입력 필드의 집합으로, 주로 다음 세 가지 용도로 사용된다.1) 사용자 입력 값 양식화2) 입력 값 추출3) 데이터 유효성 검증 이 중 값을 추출하는 것은 비교적 간단하지만, 검증 과정은 여러 가지 고려사항이 필요하다. 1.1. HTML Form vs React FormHTML Form은 기본적으로 자체 상태를 관리하고 페이지를 새로고침한다.React 애플리케이션에서는 이런 동작이 사용자 경험을 방해할 수 있으므로, JavaScript를 통해 Form의 동작을 제어한다.React에서는 컴포넌트의 state를 "신뢰 가능한 단일 출처(single source of truth)"로 만들어 Form..

  • format_list_bulleted 학습/React
  • · 2025. 5. 1.
  • textsms

파일 입출력

1. 파일 입출력파이썬에서 파일 처리는 데이터를 영구적으로 저장하고 불러오는 중요한 기능이다.파일 입출력을 통해 프로그램 실행 간에 데이터를 유지하거나 외부 데이터를 처리할 수 있다. 1.1. 파일 열기와 닫기파이썬에서 파일을 열고 닫을 때는 open() 함수와 close() 메서드를 사용한다.open() 함수는 두 개의 주요 매개변수를 받는다.첫 번째 매개변수: 파일 경로두 번째 매개변수: 파일 열기 모드ex)# 파일 열기file = open('example.txt', 'w') # 쓰기 모드로 파일 열기# 파일 작업 수행file.write('안녕하세요!')# 파일 닫기file.close() 1.2. 파일 열기 모드파일을 열 때 다양한 모드를 지정할 수 있다.모드설명r읽기 모드 (기본값)w쓰기 모드 (..

  • format_list_bulleted 학습/Python
  • · 2025. 4. 30.
  • textsms
  • navigate_before
  • 1
  • 2
  • 3
  • 4
  • ···
  • 16
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (94)
    • 생각 정리 (9)
    • Unity (5)
    • C++ (0)
      • Baekjoon (0)
    • 학습 (76)
      • DB (10)
      • React (19)
      • JavaScript (6)
      • Node.js (5)
      • Python (11)
      • C++ 소켓 프로그래밍 (11)
      • C++ 멀티스레딩 (14)
    • 책,강의 (3)
최근 글
인기 글
최근 댓글
태그
  • #티스토리챌린지
  • #오블완
  • #C++
  • #백준
  • #알고리즘
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바