본문 바로가기

반응형

전체 글

[Python] 기본 연산자와 간단한 입출력 1. 기본연산자   1) 산술 연산자        - +,-, *, /        - // (정수 나눗셈), % (나머지), **(제곱)   2) 비교 연산자       - == , != , >, =,    3) 논리 연산자       -  and , or , not# 산술 연산자a = 10b = 3print(a + b) # 출력: 13print(a - b) # 출력: 7print(a * b) # 출력: 30print(a / b) # 출력: 3.3333333333333335print(a // b) # 출력: 3print(a % b) # 출력: 1print(a ** b) # 출력: 1000# 비교 연산자print(a == b) # 출력: Falseprint(a != b) # 출력.. 더보기
[Python] 기본 문법과 자료형 1. 파이썬 기본 문법파이썬은 간결하고 읽기 쉬운 문법을 가지고 있습니다.들여쓰기가 매우 중요합니다. 코드 블록을 구분하는 데 사용됩니다.문장 끝에 세미콜론(;)을 쓰지 않습니다.주석은 #으로 시작합니다.2. 기본 자료형파이썬의 기본 자료형에는 다음과 같은 것들이 있습니다.1)  숫자형정수(int) : 1,2,-5실수(float): 1.0, -2.52) 문자열(str) : "Hello",'Python]3) 불리언(bool) : True, False # 정수age = 25print(age) # 출력: 25# 실수pi = 3.14print(pi) # 출력: 3.14# 문자열name = "Alice"print(name) # 출력: Alice# 불리언is_student = Trueprint(is_stude.. 더보기
[Python] 파이썬? 파이썬은 다목적 프로그래밍 언어이며, 웹 프로그래밍에도 널리 사용됩니다. 웹 개발을 위한 전용 언어는 아니지만, 웹 애플리케이션을 만드는 데 매우 효과적인 도구입니다.파이썬의 웹 개발 관련 특징:웹 프레임워크:Django: 풀스택 웹 프레임워크로, 대규모 웹 애플리케이션에 적합Flask: 마이크로 웹 프레임워크로, 작고 간단한 웹 애플리케이션에 적합FastAPI: 최신 프레임워크로, 고성능 API 개발에 특화웹 스크래핑:BeautifulSoup, Scrapy 등의 라이브러리를 이용해 웹 데이터 수집에 강점데이터 처리:웹 애플리케이션의 백엔드 로직 구현에 적합RESTful API:API 개발 및 서버 구축에 널리 사용됨웹 서버:Gunicorn, uWSGI 등을 통해 웹 서버 구축 가능데이터베이스 연동:SQ.. 더보기
[React] 게시판 만들기 - Tailwind CSS 적용 저번에 만들 게시판에 Tailwind CSS적용에서 빠진 부분이 있습니다.index.css 파일 수정부터 진행하겠습니다. 1. 먼저, src폴더 안의 있는 index.css 파일을 찾아주세요.2. 이 파일을 텍스트 에디터로 열어주세요.3. 파일의 모든 내용을 지우고 다음의 코드로 교체합니다.@tailwind base;@tailwind components;@tailwind utilities;이 세줄의 코드는 Tailwind CSS이 기본스타일, 컴포넌트 스타일, 그리고 유틸리티 크래스들을 불러 오는 역할을 합니다.4. 파일을 저장합니다. Tailwiind CSS 가 제대로 작동하기 위해서는 tailwind.config.js 파일도 올바르게 설정되어 있어야합니다. 이 파일을 프로젝트 루트 디렉토리에 있어야합.. 더보기
[React] 게시판 리스트 추가 저번에 올린 게시판이 밋밋하여, 게시판을 추가하는 기능을 추가하겠습니다. 게시판 리스트를 추가하면 사용자가 여러 게시판을 선택할 수 있고, 선택한 게시판의 글을만 볼수 있게 됩니다. 게시판 코딩 및 설명import React, { useState } from 'react';const BoardWithList = () => { const [boards, setBoards] = useState([ { id: 1, name: '일반 게시판' }, { id: 2, name: '질문과 답변' }, { id: 3, name: '자유 게시판' } ]); const [selectedBoard, setSelectedBoard] = useState(1); const [posts, setPosts] .. 더보기
[React] 간단한 게시판 만들기. React 로 간단한 게시판을 만들겠습니다.  먼저, 간단한 게시판의 기본 구조를  파악해봅니다.1. 게시글 목록표시2. 새 게시글 작성 폼3. 게시글 삭제 기능 import React, { useState } from 'react';const SimpleBoard = () => { const [posts, setPosts] = useState([]); const [newPost, setNewPost] = useState({ title: '', content: '' }); const handleInputChange = (e) => { const { name, value } = e.target; setNewPost({ ...newPost, [name]: value }); }; const.. 더보기
[React] reducer에 관하여. React에서 reducer는 상태 관리를 위한 중요한 개념입니다. Redux 라이브러리에서 유래했지만, React의 useReducer Hook을 통해 React 자체에서도 사용할 수 있게 되었습니다. Reducer의 주요 역할과 특징을 설명해드리겠습니다.상태 관리:Reducer는 애플리케이션의 상태를 관리합니다. 특히 복잡한 상태 로직을 다룰 때 유용합니다.예측 가능한 상태 변화:Reducer는 현재 상태와 액션을 받아 새로운 상태를 반환하는 순수 함수입니다. 이는 상태 변화를 예측 가능하고 일관되게 만듭니다.중앙화된 상태 로직:여러 컴포넌트에 걸쳐 사용되는 복잡한 상태 로직을 한 곳에서 관리할 수 있게 해줍니다.디버깅 용이성:상태 변화가 reducer 함수 내에서 일어나기 때문에, 상태가 어떻게 변.. 더보기
[React] React에서 전역변수는 어떻게 쓸까? React에서는 전역 상태를 관리하기 위해 일반적인 전역 변수를 사용하는 대신, 더 구조화된 방법을 사용하는 것이 좋습니다. 전역 상태 관리에는 주로 다음과 같은 도구와 패턴이 사용됩니다:Context API와 useContext 훅상태 관리 라이브러리 (예: Redux, MobX)React Query (데이터 페칭 및 캐싱)Local Storage나 Session Storage (브라우저의 저장소 사용)각 접근 방식을 살펴보겠습니다.1. Context API와 useContext 훅React의 Context API는 전역 상태를 관리할 때 유용합니다. Context는 컴포넌트 트리 전체에서 데이터를 전달할 수 있게 해줍니다.예제: 간단한 전역 상태 관리import React, { createContex.. 더보기

반응형