https://wheelhouse.openquake.org/v3/windows/py310/ Files... wheelhouse.openquake.org1. 모든 파이썬 환경을 구축한다. (VSC, 파이썬 설치 등등)2. 위 링크에서 알맞은 파일을 다운로드한다.(필자는 GDAL-3.4.3-cp310-cp310-win_amd64.whl 다운로드함)3. 다운로드 파일을 파이썬 프로젝트 폴더에 위치시킨다.4. 아래 명령어를 통해 GDAL을 설치한다.pip install {다운로드받은파일명.whl}
전체 글
https://www.python.org/downloads/windows/ Python Releases for WindowsThe official home of the Python Programming Languagewww.python.org원하는 파이썬 버전 다운로드 윈도우 + R 누르고 아래 복붙sysdm.cpl 고급 > 환경변수 클릭 시스템 변수 > Path 더블클릭 Python310부분을 원하는 버전으로 변경만약 원하는 버전의 폴더 이름을 모르겠다면? 위에서 확인했던 path를 파일탐색기 경로로 입력해 이동한 후상위 폴더로 이동하면 다른 파이썬 버전 폴더 이름이 보인다 GPT 답변✅ Python 설치 시 환경변수가 자동으로 등록될까?아니!Python을 설치하면 자동으로 환경 변수가 등록되지 ..
Next.js 15과 styled-components를 사용할 때 theme 자동완성이 되지 않는 이유는 주로 TypeScript 설정과 styled-components의 ThemeProvider 타입 지정 문제 때문이야. 해결 방법을 정리해줄게.✅ 해결 방법1. styled-components 타입 정의 추가먼저 styled-components의 DefaultTheme 타입을 확장해야 해.styled.d.ts 파일을 프로젝트의 @types 폴더나 src 폴더 안에 추가:// src/styled.d.tsimport "styled-components";declare module "styled-components" { export interface DefaultTheme { colors: { ..
기술 스택 : React, TS, MUI, styled-componentsimport { useState, useRef } from "react";import { IconButton } from "@mui/material";import { Fullscreen, FullscreenExit } from "@mui/icons-material";import styled from "styled-components";const Container = styled.div` position: relative; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background-color: #1a1a..
배경react-dnd는 drag 시작 시에 item의 최신 상태는 잘 추적하지만, drop시에는 최신 상태를 추적하지 못한다.이로 인해, 다음과 같은 코드를 작동하면 버그가 발생한다.1. 상태 초기화2. 상태 업데이트3. 드랍 시 업데이트된 상태를 바탕으로 상태 업데이트 코드 실행4. 버그 발생즉, 드랍 전 상태를 업데이트 한 후 드랍했을 때 최신 상태를 바탕으로 다시 상태를 업데이트 하는 코드가 있다면 버그를 발생시킨다.(필자는 업데이트했던 상태가 이전 상태로 초기화되는 버그를 경험했다.) 따라서, drop 내 콜백 함수 에서는 직접 최신 상태를 추적해야 한다. 예시 코드 // hooks const [{ isOver }, drop] = useDrop(() => ({ accept: "BOX", ..
들어가며바야흐로, 한 기업의 '칸반보드 구현과제'를 수행하던 중이었습니다.해당 과제는 여러 개의 작업 카드를 DnD(드래그앤드랍) 기능을 통해 컬럼(작업 단위)별로 관리할 수 있는 칸반보드를 구현하는 과제였습니다.기본적인 기능 구현을 완료한 후, 기능 테스트 도중 DnD를 통한 작업 카드의 컬럼(작업 단위) 변경 시 칸반보드의 카드가 랜덤하게 뒤섞이는 버그를 발견하였습니다. (ex : 할 일 -> 진행 중으로 변경 시 카드가 뒤죽박죽됨)결론부터 말씀드리자면 배열 렌더링 시 항상 일정하게 고유하지 않은 값을 카드 컴포넌트의 key값으로 전달하여 발생한 것이었습니다.이 글에서는 리액트에서 key가 무엇인지, 왜 해당 버그가 발생했는 지에 대해 살펴봅니다. 기본 개념리액트는 배열렌더링 시 컴포넌트에 전달하는 ..
const Container = styled(Select)` width: 100%; padding: 10px 12px; font-size: 16px; border-radius: 6px; transition: border-color 0.3s ease, box-shadow 0.3s ease; background-color: white; & .MuiSelect-select { padding: 0px; } & input { border: 0px; } & fieldset { border: 1px solid #ccc; } &:hover fieldset { border-color: #ccc !important; } /* Select가 선택(포커스) 되었을 때 */ &..
https://youtu.be/vD01F8LM6oY 안녕하세요 순코딩입니다오늘은 1인 창업의 장단점에 대해 각각 3가지씩 말씀드리겠습니다.장점1. 선택과 결정을 단독으로 할 수 있다.1인 창업은 자신이 모든 것을 결정하고 실행에 옮길 수 있습니다.상부에 보고 절차를 거치지 않고 자신이 총 책임자가 되어 모든 업무를 단독으로 결정하고 수행할 수 있습니다.즉, 원하는 일로 돈을 벌 수 있습니다.장점2. 한 번 시스템을 구축해놓는다면 소득 상방이 무한하다시스템이 구축되어 소득이 일정하게 들어온다면 직장인 대비 여유시간이 생기게 되며 다른 사업을 새롭게 창업하거나 기존의 사업을 확장하여 소득을 높일 수 있습니다.장점3. 퇴직 걱정이 비교적 적다사업가이기 때문에 퇴직 압박이 없으며 요구하는 나이나 스펙이 없어 퇴..