봉보로봉봉

파이썬 smtplib 라이브러리로 이메일 자동화를 할 때 지메일을 많이 사용한다. 보안수준이 낮은 액세스 (1차 보안)일 때만 구글 계정 비밀번호로 접근 가능한데 지금은 이걸 막아뒀다. 그래서 2차 보안 설정을 하고 앱 비밀번호를 사용해야하는데 앱 비밀번호를 어떻게 들어가는지 자꾸 까먹어서 적어둔다. 구글 계정 관리 > 보안 > Google에 로그인하는 방법 > 2단계 인증 으로 들어가서 스크롤을 맨 밑까지 내리면 앱 비밀번호가 있다.

친구가 사진 파일을 분할 압축 해야 한다고 도움을 요청했다! 도움!!!! 분할 압축 하기 1. 먼저 터미널을 킵니다. 터미널을 자주 사용하지 않는 분이시라면 저의 아름다운 터미널은 무시하시면 됩니다. 여러분의 터미널이 삭막해도 문제없습니다. * 여기서 틈새 상식! ~는 터미널에 들어갔을 때 기본이 되는 가장 상위 경로(Home)를 의미합니다. 명령어가 아니에요! 2. 사진 파일이 존재하는 위치로 이동합니다. 2-1. 현재 있는 위치에 존재하는 파일과 폴더를 확인하는 방법 ls 이렇게 입력하면 현재 경로에서 확인할 수 있는 폴더와 파일들을 보여줍니다. 2-2. 폴더에 들어가는 방법 cd [들어갈 폴더 이름] 저는 압축할 파일이 있는 Downloads 폴더에 들어가고 싶었기 때문에 cd Downloads를 ..

별별 패턴이 다 있군요 😀 아키텍처 패턴 마스터-슬레이브 패턴 (Master-Slave Pattern) 마스터 컴포넌트에서 슬레이브 컴포넌트로 작업을 분할한 후 슬레이브 컴포넌트에서 처리된 결과물을 다시 돌려받은 방식으로 작업을 수행한다. 마스터 컴포넌트는 모든 직업의 주체이고, 슬레이브 컴포넌트는 마스터 컴포넌트의 지시에 따라 작업을 수행하여 결과를 반환한다. 장애 허용 시스템과 병렬 컴퓨팅 시스템에서 주로 활용된다. 브로커 패턴 (Broker Pattern) 사용자가 원하는 서비스와 특성을 브로커 컴포넌트에 요청하면 브로커 컴포넌트가 요청에 맞는 컴포넌트와 사용자를 연결해 준다. 원격 서비스 호출에 응답하는 컴포넌트들이 여러 개 있을 때 적합한 패턴이다. 분산 환경 시스템에서 주로 활용된다. 피어-투..

구질구질한 라우터에 질린 사람 헤쳐 모여~ 라우터를 저렇게 만드는 방법밖에 몰랐는데 새로운 방법을 알게 되었다. 바로 createBrowserRouter 사용하기! 😀👍 createBrowserRouter createBrowserRouter를 사용하면 라우터를 생성할 수 있다. 라우팅 정보를 담은 배열을 인자로 넣어주면 된다. 그리고 path에 경로를 설정하고 해당 경로에서 보여줄 컴포넌트를 element에 넣는다. 만약 한번 더 들어가는 경로라면(예: /board/all 과 /board/notice) children에 넣으면 된다. 경로가 계속 타고 간다면 같은 방법으로 타고 갈 수 있도록 정해주면 된다. import { createBrowserRouter } from 'react-router-dom'..

전에 했던 데로 했는데 서버를 실행시키면 계속 mysql DB와 연결이 실패했다는 에러가 났다. 패키지가 꼬였나 해서 mysql이랑 mysql2랑 typeorm 순서도 다시 깔아주고 했는데도 계속 안 됐다. 이 메시지만 계속 뜨다가 TypeORMError: Connection is not established with mysql database 갑자기 이 메시지가 떴다. code: 'ER_NOT_SUPPORTED_AUTH_MODE', 이유 아무래도 이번에 mysql을 지웠다가 다시 깔아서 버전이 8이었는데 뭔가 바뀌었나 보다... 이 명령어로 확인하면 root가 안 보인다. SELECT Host,User,plugin,authentication_string FROM mysql.user; 이 명령어를 입력한..

여러분은 string[]과 [string]이 다른 것이라는 사실을 알고 계십니까...? 오늘 ChatGPT에게 물어보며 문제를 해결하던 중 새로운 개념을 발견했다. [string] is a tuple type with a single element of type string, while string[] is an array type that can have zero or more elements of type string. const tuple: [string] = ["hello"]; // valid const array: string[] = ["world"]; // valid const anotherTuple: [string] = []; // error: expects exactly one elemen..

Vue.js props 속성 부모 컴포넌트로부터 받아오는 props를 props 속성에 정의한다. 자식 컴포넌트에서는 부모 컴포넌트의 props를 변경해서는 안된다. export default { props: { greetingMessage: String } } {{ greetingMessage }} filters 속성 사진에 씌우는 필터와 비슷하다고 생각하면 된다. 텍스트를 원하는 형식으로 바꾼다. 아래와 같은 형식으로 사용한다. {{ message | capitalize }} filters: { capitalize: function (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() +..

useQuery useQuery는 주로 GET으로 데이터를 받아올 때 사용하고 data, isLoading, Error 속성이 있는 객체를 반환한다. 처음으로 특정 데이터를 받아와 캐싱할 때 사용한다. data는 통신을 하고 난 뒤 받게 되는 데이터를 말한다. const {data, isLoading, Error} = useQuery('queryKey', queryFN, [options]) useMutation useMutation는 POST, DELETE를 사용해 수정, 삭제와 같이 서버 데이터를 변경할 때 사용한다. mutate 함수를 사용할 수 있다. const {mutate} = useMutation(queryFN, options) mutate(parameter) 이렇게 사용할 수도 있다. 이때 ..