[python] 마우스, 키보드, 메시지 박스 자동화
마우스 이동, 클릭, 드래그, 스크롤, 키보드 입력 등 반복적으로 일어나는 일을 수행할때 자동화를 사용하면 효율적으로 작업이 가능하다. 마우스 자동화 import pyautogui import time # 1. 화면 크기 출력 print(pyautogui.size()) # 2. 마우스 위치 출력 time.sleep(2) # 2초 뒤에 위치 출력됨 print(pyautogui.position()) # 3. 마우스 이동 # pyautogui.move(50, 442, 1) pyautogui.moveTo(981, 280, 1) # 2초동안 41,442 포지션으로 마우스 이동 # 4. 마우스 클릭 pyautogui.click() pyautogui.click(button="right") # 오른쪽 마우스 클릭 py..
프로그래밍 언어들의 기초문법이 비슷해서 파이썬도 이해하기 어렵진 않았다. 한 언어만 공부하고싶지만 현실은 그게 안되니... 그래도 다양한 언어를 공부할 수 있어 오히려 좋아!! if 조건문 if 조건식 : 조건식 참일때 실행할 코드 else : 조건식이 거짓일때 실행할 코드 *조건식 안에는 보통 부등호, 등호, in문법이 들어간다 [부등호] num = 10 if num >= 10 : print('num은 10보다 크다') [in문법] 인사말 = ["하이", "바이", "헬로우"] if "해이" in 인사말: print("해이 있음") else: print("해이 없음") [elif문] *python에서 else if를 축약한 키워드 x = 10 if x > 10: print("x는 10보다 큽니다.") ..
[typescript] React와 사용할 때
타입스크립트가 세팅된 리액트 프로젝트 만드는 명령어 npx create-react-app 프로젝트명 --template typescript App.tsx 파일을 열어보면 App 함수(컴포넌트)의 return 값이 JSX이다. 해당 컴포넌트의 타입에는 ' React.FC ' 타입을 주면 된다. (react function component 타입) const App: React.FC = () => { return ( ); }; App : React.FC import React from "react"; import logo from "./logo.svg"; import "./App.css"; import Store from "./Store"; let data = { name: "누나네 식당", category..
[typeScript] 함수 rest 파라미터, destructuring
rest 파라미터 rest 파라미터에도 타입지정이 가능하다. * rest 파라미터란? 함수를 만들었는데 함수 안에 들어올 인자의 갯수가 정해지지 않았을 때 들어온 인자들을 배열로 모아서 처리하는 방법으로 여러 인자들을 배열로 묶어서 사용할 수 있다. ' ... ' 연산자를 사용한다. function 함수(...a) { console.log(a); } 함수(1, 2, 3, 4); 출력해보면 배열에 담겨있다. 그럼 rest 파라미터 타입지정은 어떻게? 항상 배열 [ ] 안에 담겨서 저장되므로 array로 타입지정! function 함수(...a : Number[]) { console.log(a); } 함수(1, 2, 3, 4); * 여기서 헷갈리는 ' ... ' 의 용도.... 1. 함수 안에 쓰면 → re..
[React] React로 간단한 Todo List 만들기(수정중)
구현해야될 부분 1. input으로 사용자가 입력한 값을 받는다. 2. 사용자가 입력한 값을 배열에 객체형태로 저장하고 투두리스트로 출력한다. 3. 삭제, 체크 기능을 구현한다. 그외에 자잘한 기능 버튼 누르면 1. input 창에 포커스 2. input 값 초기화 3. input 값이 비어있으면 배열에 추가하지 않기 useState( ) state로 만들어야 될 부분 - 사용자가 현재 입력한 값 - 사용자가 입력한 값을 저장할 배열 (객체 형태로 저장) const [names, setNames] = useState([ { id: 1, text: "리액트 복습하기", checked: false }, { id: 2, text: "개인 프로젝트 계획 짜기", checked: false }, { id: 3, ..
1. 폼태그 안의 버튼 ( type = "submit" 이 설정된 버튼) 폼 제출을 위해 사용한다. 폼태그 안에 위치하며 폼의 기본 동작을 실행하도록 돕는다. 폼을 제출하면 폼태그에 설정된 ' onSubmit ' 핸들러 함수가 호출된다. 폼의 데이터를 제출하거나 서버로 데이터를 전송할 때 사용된다. const handleClick = () => { e.preventDefault(); //페이지 새로고침 }; return ( Submit ); * 폼태그 내에서 버튼 생성시 버튼에 타입을 생략하면 type="submit"이 자동으로 설정 된다. 폼태그 내에서 일반적인 버튼을 만들고 싶으면 type="button"으로 명시해야됨 2. 일반적인 버튼 ( ' onclick ' 이벤트가 있는 버튼) 폼 제출과는 관..
Spread Operator 괄호를 제거해주는 연산자로 ' ... ' 점 3개만 붙이면 spread operator 문법이다 var arr = ["hello", "world"]; console.log(...arr); // hello world 대괄호가 제거되고 hello world 만 출력된다. var word = "가나다라"; console.log(...word); // 가 나 다 라 문자가 한글자씩 출력된다. spread operator 문법은 array, object 합칠 때, 복사할 때 매우 자주 사용된다. array 합치기 var a = [1, 2, 3]; var b = [1, 4]; var c = [...a, ...b]; console.log(c); // [ 1, 2, 3, 1, 4 ] 두 배..