분류 전체보기
-
자신의 이미지를 업로드하여 url로 만들고 타인과 쉽게 공유할 수 있는 사이트가 있습니다. 근데 다른 사람들은 어떤 사진들을 올리는지 궁금하기도 합니다 ㅋㅋ 하나하나 검색해 보지 말고 한번 크롤링 해봅시다. 단순한 호기심에 파이썬 자동화 스크립트를 만들어봤는데 이미지 수집이 잘 되더군요. 여러분도 너무 코딩으로 정직한 프로그램만 만들지 만들고 한 번씩 이런 이상한 호기심도 채워보고 즐겨보시는 걸 권장 드립니다. https://image.kilho.net/ 이미지창고 이미지 파일을 서버에 업로드하고 공유하세요. 특징 회원가입 필요 없이 공유할 이미지를 올리시면 됩니다. 완전 공짜로 사용하실 수 있습니다. 생성된 단축주소를 이용해 주변 친구들에게 쉽 image.kilho.net 위의 사이트에 들어가면 공유할..
(파이썬 웹크롤링) 이미지 창고의 이미지들을 크롤링 해보자!(feat.길호넷)자신의 이미지를 업로드하여 url로 만들고 타인과 쉽게 공유할 수 있는 사이트가 있습니다. 근데 다른 사람들은 어떤 사진들을 올리는지 궁금하기도 합니다 ㅋㅋ 하나하나 검색해 보지 말고 한번 크롤링 해봅시다. 단순한 호기심에 파이썬 자동화 스크립트를 만들어봤는데 이미지 수집이 잘 되더군요. 여러분도 너무 코딩으로 정직한 프로그램만 만들지 만들고 한 번씩 이런 이상한 호기심도 채워보고 즐겨보시는 걸 권장 드립니다. https://image.kilho.net/ 이미지창고 이미지 파일을 서버에 업로드하고 공유하세요. 특징 회원가입 필요 없이 공유할 이미지를 올리시면 됩니다. 완전 공짜로 사용하실 수 있습니다. 생성된 단축주소를 이용해 주변 친구들에게 쉽 image.kilho.net 위의 사이트에 들어가면 공유할..
2024.03.21 -
다음은 React 컴포넌트로 드래그로 요소를 선택하는 기능을 구현한 예제입니다. 드래그하는 동안 선택 영역에 포함된 요소들을 감지하여 선택된 요소들을 표시합니다. CSS 스타일은 별도의 styles.css 파일에서 정의합니다. import React, { useState } from 'react'; import './styles.css'; // 스타일 시트를 import function DragSelect() { const [isDragging, setIsDragging] = useState(false); // 드래그 상태를 관리하는 상태 const [startX, setStartX] = useState(0); // 드래그 시작 X 좌표 const [startY, setStartY] = useState(..
[React] 드래그로 DOM 요소 선택다음은 React 컴포넌트로 드래그로 요소를 선택하는 기능을 구현한 예제입니다. 드래그하는 동안 선택 영역에 포함된 요소들을 감지하여 선택된 요소들을 표시합니다. CSS 스타일은 별도의 styles.css 파일에서 정의합니다. import React, { useState } from 'react'; import './styles.css'; // 스타일 시트를 import function DragSelect() { const [isDragging, setIsDragging] = useState(false); // 드래그 상태를 관리하는 상태 const [startX, setStartX] = useState(0); // 드래그 시작 X 좌표 const [startY, setStartY] = useState(..
2024.03.21 -
du 명령어를 사용하여 리눅스에서 디스크 사용량과 디렉토리의 크기를 확인할 수 있습니다. $ du -s: 현재 디렉토리의 전체 크기를 킬로바이트(KB) 단위로 표시합니다. du -s $ du -sh: du -s와 같지만 보기 쉬운 형식으로 표시됩니다. du -sh $ du -sh *: 각 파일과 디렉토리의 크기를 보기 쉬운 형식으로 표시합니다. du -sh * $ du -h --max-depth=1: 숨겨진 파일을 포함하여 현재 디렉토리의 파일과 디렉토리의 크기를 보기 쉬운 형식으로 표시합니다. du -h --max-depth=1 $ du -sh * | sort -hr: 파일과 디렉토리의 크기를 큰 순서대로 정렬하여 보기 쉬운 형식으로 표시합니다. du -sh * | sort -hr 이러한 명령어를 사용..
우분투 용량 많이 차지하고 있는 파일 | 폴더 찾기du 명령어를 사용하여 리눅스에서 디스크 사용량과 디렉토리의 크기를 확인할 수 있습니다. $ du -s: 현재 디렉토리의 전체 크기를 킬로바이트(KB) 단위로 표시합니다. du -s $ du -sh: du -s와 같지만 보기 쉬운 형식으로 표시됩니다. du -sh $ du -sh *: 각 파일과 디렉토리의 크기를 보기 쉬운 형식으로 표시합니다. du -sh * $ du -h --max-depth=1: 숨겨진 파일을 포함하여 현재 디렉토리의 파일과 디렉토리의 크기를 보기 쉬운 형식으로 표시합니다. du -h --max-depth=1 $ du -sh * | sort -hr: 파일과 디렉토리의 크기를 큰 순서대로 정렬하여 보기 쉬운 형식으로 표시합니다. du -sh * | sort -hr 이러한 명령어를 사용..
2024.03.20 -
gunicorn으로 서버를 실행하니 다음과 같은 에러가 나왔습니다. gunicorn app:app --bind 127.0.0.1:8020 [ERROR] Error handling request /docs Traceback (most recent call last): File "/home/user/anaconda3/envs/forge/lib/python3.10/site-packages/gunicorn/workers/sync.py", line 135, in handle self.handle_request(listener, req, client, addr) File "/home/user/anaconda3/envs/forge/lib/python3.10/site-packages/gunicorn/workers/sy..
TypeError: FastAPI.__call__() missing 1 required positional argument: 'send'gunicorn으로 서버를 실행하니 다음과 같은 에러가 나왔습니다. gunicorn app:app --bind 127.0.0.1:8020 [ERROR] Error handling request /docs Traceback (most recent call last): File "/home/user/anaconda3/envs/forge/lib/python3.10/site-packages/gunicorn/workers/sync.py", line 135, in handle self.handle_request(listener, req, client, addr) File "/home/user/anaconda3/envs/forge/lib/python3.10/site-packages/gunicorn/workers/sy..
2024.03.19 -
next.confg.mjs에서 아래처럼 설정했는데도 undefined 뜬다면 const nextConfig = { env: { API_BASE_URL: process.env.BASEURL, }, }; exports default = nextConfig; version 9.4 미만 해당 상위폴더에 .env를 생성해주시고 환경변수를 입력해주세요. NEXT_PUBLIC_
Next.js에서 process.env 값이 undefined 뜰때next.confg.mjs에서 아래처럼 설정했는데도 undefined 뜬다면 const nextConfig = { env: { API_BASE_URL: process.env.BASEURL, }, }; exports default = nextConfig; version 9.4 미만 해당 상위폴더에 .env를 생성해주시고 환경변수를 입력해주세요. NEXT_PUBLIC_
2024.03.19 -
Access to fetch at 'http://targeturl' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. 위의 에러가 난 경우 CORS policy 메세지를 내뱉어서 CORS를 체크하는 경우가 많습니다. 하지만 해당 url을 직접 웹브라우저나 insomnia, postman..
Access to fetch at 'http://targeturl' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to '..Access to fetch at 'http://targeturl' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. 위의 에러가 난 경우 CORS policy 메세지를 내뱉어서 CORS를 체크하는 경우가 많습니다. 하지만 해당 url을 직접 웹브라우저나 insomnia, postman..
2024.03.19 -
Python if-else 문을 사용하여 코드를 최적화하는 몇 가지 팁을 공유하겠습니다. -> 삼항 연산자를 사용하세요 삼항 연산자는 간단한 if-else 문을 한 줄로 작성하는 간단한 방법입니다. 다음과 같은 구문이 있습니다. result = trueValue if condition else falseValue 이는 다음과 같습니다. if condition: result = trueValue else: result = falseValue 삼항 연산자를 사용하면 일부 코드 줄을 절약하고 코드를 더욱 간결하고 우아하게 만들 수 있습니다. 예를 들어, 학생의 점수에 따라 학생에게 성적을 할당한다고 가정해 보겠습니다. 다음과 같이 삼항 연산자를 사용할 수 있습니다. score = 85 grade = "A" i..
전문가처럼 Python If-Else 문 사용하기Python if-else 문을 사용하여 코드를 최적화하는 몇 가지 팁을 공유하겠습니다. -> 삼항 연산자를 사용하세요 삼항 연산자는 간단한 if-else 문을 한 줄로 작성하는 간단한 방법입니다. 다음과 같은 구문이 있습니다. result = trueValue if condition else falseValue 이는 다음과 같습니다. if condition: result = trueValue else: result = falseValue 삼항 연산자를 사용하면 일부 코드 줄을 절약하고 코드를 더욱 간결하고 우아하게 만들 수 있습니다. 예를 들어, 학생의 점수에 따라 학생에게 성적을 할당한다고 가정해 보겠습니다. 다음과 같이 삼항 연산자를 사용할 수 있습니다. score = 85 grade = "A" i..
2024.03.18 -
Python 개발자라면 파이프라인 이라는 용어를 들어보셨을 것입니다 . 파이프라인이란 정확히 무엇이며 왜 유용한지 개념, 작동 방식, 더 깔끔하고 효율적인 코드를 작성하는 데 어떻게 도움이 되는지 살펴보겠습니다. 파이프라인이란? 파이프라인은 메서드에 인자를 넣었을때 출력값을 바로 다음 메서드에 넣어서 출력값을 얻고 또 그 값을 여러 메서드를 거쳐 최종값을 얻는 방식입니다. 예를 들어, 숫자 목록이 있고 숫자 목록에 대해 다음 작업을 수행하려고 한다고 가정합니다. 홀수를 필터링하세요. 각 숫자에 10을 곱하세요. 각 숫자에 5를 더하세요. 결과 숫자의 평균을 계산합니다. 보통 위의 조건의 로직을 코딩할때 목록을 반복하고 각 작업을 하나씩 적용하여 중간 결과를 새 목록에 저장하는 루프를 작성합니다. code..
Python 파이프 | pipe 사용법!(How to use Pipeline in python)Python 개발자라면 파이프라인 이라는 용어를 들어보셨을 것입니다 . 파이프라인이란 정확히 무엇이며 왜 유용한지 개념, 작동 방식, 더 깔끔하고 효율적인 코드를 작성하는 데 어떻게 도움이 되는지 살펴보겠습니다. 파이프라인이란? 파이프라인은 메서드에 인자를 넣었을때 출력값을 바로 다음 메서드에 넣어서 출력값을 얻고 또 그 값을 여러 메서드를 거쳐 최종값을 얻는 방식입니다. 예를 들어, 숫자 목록이 있고 숫자 목록에 대해 다음 작업을 수행하려고 한다고 가정합니다. 홀수를 필터링하세요. 각 숫자에 10을 곱하세요. 각 숫자에 5를 더하세요. 결과 숫자의 평균을 계산합니다. 보통 위의 조건의 로직을 코딩할때 목록을 반복하고 각 작업을 하나씩 적용하여 중간 결과를 새 목록에 저장하는 루프를 작성합니다. code..
2024.03.17