개발 정리 개발 정리

1.타이핑 해 뭘 해야 재밌을까 하다가 말을하면 그대로 타이핑을해주면 좀 재밌을거같아서 추가해봤습니다. pip install pyautogui pip install pyperclip pyperclip을 설치하는이유는 pyautogui가 한글 타이핑을 지원하지않기때문입니다. 그래서 pyerclip으로 복사를하고 pyautogui로 붙여넣기를하는 귀찮은 방법을 써야해요 def autoWrite(): speak("타이핑을 시작합니다") while True: with mic as source: audio = Recognizer.listen(source ,phrase_time_limit=1) try: data = Recognizer.recognize_google(audio, language="ko") except..

음성인식(STT)에 필요한 모듈 pip install SpeechRecognition pip install Pyaudio 1.SpeechRecognition (사용법)(주의사항들) 2.Pyaudio Pyaudio는 직접적으로 사용하진 않지만 SpeechRecognition의 Microphone 메서드를 사용하기 위해선 Pyaudio를 설치해주셔야 합니다. Pyaudio를 다운로드하는데 에러가 생긴다면 이 글을 봐주세요 1. STT(Speech To Text) import speech_recognition as sr Recognizer = sr.Recognizer() #인스턴스 생성 mic = sr.Microphone() with mic as source: #안녕~이라고 말하면 audio = Recogni..

재귀 함수란 https://fast-it.tistory.com/28 재귀함수 (Factorial) 재귀햠수? cs에서 재귀란 자기를 선언할 때 자기 자신을 다시 참조하는 것을 뜻합니다. 프로그래밍에서 재귀함수는 자기 자신이 함수 내에서 호출하는것을 말합니다 재귀함수는 꼭 종료 조건 fast-it.tistory.com 꼬리 재귀? 꼬리 재귀는 재귀 함수의 단점을 보완하기 위해 사용합니다. 일반적인 재귀 함수를 보겠습니다. 보면 자기가 자기 자신을 호출하고 또 호출하고 또 호출하면서 리턴 값을 받고 받고 받아서 결국 맨 꼭대기(n)에 넘겨주는 겁니다. 문제점 이렇게 되면 문제가 있습니다. 함수가 호출이 되면 Stack이라는 공간에 매개변수 , 위치 , 리턴 값이 저장이 되는데 저런 식으로 하게 되면 호출 또..

재귀햠수? cs에서 재귀란 자기를 선언할 때 자기 자신을 다시 참조하는 것을 뜻합니다. 프로그래밍에서 재귀함수는 자기 자신이 함수 내에서 호출하는것을 말합니다 재귀함수는 꼭 종료 조건을 가지고 있어야 합니다. 파이썬 같은 경우 재귀 호출이 3000번을 초과하게 되면 RecursionError가 발생합니다. 간단하게 사용해보기 어디서든 재귀 함수를 찾아보면 십중팔구 따라오는 게 하노이탑과 팩토리얼이죠 더 대중적인 팩토리얼을 사용해보도록 하겠습니다. 팩토리얼이란 n!로 표현하며 1부터 n까지의 곱을 말합니다. 반복문을 이용한 팩토리얼 이걸 재귀적으로 바꿀 거예요 재귀함수를 이용한 팩토리얼 처음 보면 저게 뭐지 할 수도 있는데 원래 어려운 내용입니다. (나만 어려울 수도 있고) Factorial(5)를 했다면..

axios를 이용해서 단어받아오기 npm i -S axios https://www.npmjs.com/package/axios axios Promise based HTTP client for the browser and node.js www.npmjs.com async search_text(text) { let req_text = await axios.get(`http://localhost:3000/search?text=${text}`); console.log(req_tex.data) } search_text("왕") axios로 get요청을해서 콘솔에 찍어보겠습니다. 제대로 나오면 끝이에요 여기까지 되면 끝말잇기는 기본적인 문법들로 만들수있어서 이제 글안보고 혼자 만들수있어요. 일단 꾸미기 {{ coun..

네이버 국어사전 스크래핑 국어사전에 들어가면 이런 식으로 나온다 개발자 도구로 하나하나 열어보겠습니다. c_b라는 클래스명을 가진 span태그 안에 단어들이 담겨있는 걸 볼 수 있습니다.  이제 cheerio-httpcli로 저 단어들을 가져오도록 하겠습니다. 다른 걸 사용하실 줄 아시면 다른 걸 사용하셔도 됩니다. npm i -s cheerio-httpcli cheerio-httpcli사용법은 그냥 npm에 있는 거 복붙 하셔도 되니까 패스하겠습니다. import qs from "querystring" import cheerio from "cheerio-httpcli" function textsearch(usertext){ let line = Math.floor(Math.random() * 6); /..

Flex란 컨테이너 안에 아이템들을 정렬하기 위해 사용합니다. 여기서 컨테이너는 Flex Container라고 부릅니다 컨테이너에 Flex 적용하기 일단 Flex를 적용하지 않고 그냥 컨테이너에 아이템 3개를 만들어보겠습니다. 컨테이너에 Flex를 적용하면 따라 치시면서 해보시면 글 보는 거보다 이해가 빠릅니다. .container { position: absolute; left : 100px; top : 100px; width : 500px; height: 300px; border : 2px solid black; /* Flex */ display : flex; } 이렇게 가로로 정렬이 됩니다 기본적으로 가로로 정렬이 되고 Flex-direction으로 가로로 정렬할지 세로로 정렬할지 정할 수 있습니다..

도움 될만한 영상 https://www.youtube.com/watch?v=7neASrWEFEM&t=893s https://www.youtube.com/watch?v=78-X1JGvCZU&t=160s height : 100vh를 줬는데 % 는 부모를 기준으로 100%를 먹겠다는 건데 vh는 상관없이 전체()100%를 차지하겠다는 의미 정상적으로 가로세로 중앙 정렬이 됨 로그인 폼도 만들어볼게요 로그인 폼 굳이 container를 만든 이유는 body에 먹여버리면 다른 애들도 중앙 정렬이 됨 만드는 게 좋아요 borderbox를 가로세로 중앙 정렬을 시켜주고 input h1 싹 다 보기 좋게 가운데 정렬시켜주고 색을 입혀 보면 이런 느낌 input 하고 h1애들도 이쁘게 만들어준답시고 만들었는데 역시 디자..