자본주의를 살아가는 코린이

컴퓨터에 연결되어 있는 장치를 찾으려면 아래 명령어를 사용합니다. ffmpeg -list_devices true -f dshow -i dummy 녹화할 마이크에 관한 녹화 설정들을 볼 수 있는 명령어 입니다. ffmpeg -f dshow -list_options true -i audio="마이크(USB Condenser Microphone)" 녹화하는 명령어 입니다. -c : 코덱 (여기선 mp3) -ar: Hz 단위 -b:a 오디오 비트 레이트(최고가 320k) -ac : mono로만 저장 ffmpeg -f dshow -i audio="마이크(USB Condenser Microphone)" -c:a libmp3lame -ar 44100 -b:a 320k -ac 1 2022_10_14_1.mp3 *아래 ..

useEffect는 react의 hook함수 입니다. 이 함수는 컴포넌트가 마운트 완료한 후 항상 실행되는 함수입니다. useEffect를 사용하는 이유는 함수컴포넌트에서 side effect를 사용하기 위해서라고 합니다. 데이터 가져오기, 구독(subscription) 설정하기, 수동으로 React 컴포넌트의 DOM을 수정하는 것까지 이 모든 것이 side effects입니다. 이런 기능들(operations)을 side effect(혹은 effect)라 부르는 것이 익숙하지 않을 수도 있지만, 아마도 이전에 만들었던 컴포넌트에서 위의 기능들을 구현해보았을 것입니다. 한마디로 정리하자면 '컴포넌트 업데이트 전/후 실행해야 되는 동작들을 정의해놓는 곳'이라고 생각할 수 있습니다. useEffect 함수를..

next.js 는 react.js의 프레임워크 입니다. 따라서 react.js를 아셔야 합니다. 2023.04.18 - [FRONT END/react] - 1. react.js 란 무엇인가? 1. react.js 란 무엇인가? react가 무엇인가를 알아 보기위한 가장 좋은 방법은 공식홈페이지 입니다. https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces jacorinne.tistory.com react의 CSR 보완점을 SSR로 보완하여 더 좋은 사용자 경험을 선사합니다.(검색엔진 최적화, 초기 로딩속도 단축 등) https://nextjs.org/..

저번에 적은 글에서 나온 문제점인 props는 오직 읽기 전용으로 props의 값을 변경 할 수 없다는 것을 알 수 있습니다. 이를 해결하기 위해 state를 사용합니다. react에서 state는 아주 중요한 개념입니다. state를 사용하여 컴포넌트를 캡슐화(다른 소스에서 컴포넌트안의 state 변경 불가), spa(single page application) 등을 만드는데 사용합니다. state의 값이 바뀌면 react에서 자동으로 페이지를 다시 렌더링하주게 됩니다. 이를 이용하여 spa를 구현합니다. https://ko.reactjs.org/docs/state-and-lifecycle.html State and Lifecycle – React A JavaScript library for build..

요즘 프론트 엔드 개발 프레임워크의 주요 개념은 '컴포넌트(components)'입니다. 이는 레고와 같습니다. 각 필요한 부품을 만든 후, 그 부품을 결합하여 페이지를 생성하는 것입니다. 이는 생산성의 증가로 이어지지만, 많은 수의 컴포넌트를 관리하므로 코드의 가독성의 감소로 이어질 수 있습니다. 때문에 컴포넌트를 생성할 때 조심히 생성하시는 것이 좋습니다. 리엑트에서는 컴포넌트를 js의 함수 생성방법으로 생성할 수 있습니다.(class도 있지만 함수가 더 쉽습니다.) https://ko.reactjs.org/docs/components-and-props.html Components와 Props – React A JavaScript library for building user interfaces ko..

https://ko.reactjs.org/docs/introducing-jsx.html JSX 소개 – React A JavaScript library for building user interfaces ko.reactjs.org 기본적으로 언어를 공부하기 위해서는 공식 문서만한 곳이 없습니다. 공식문서에 나온 내용을 제가 정리하면 'javascript에서 html문법을 생성하고 찾기에 아주 편리한 문법'라고 생각했습니다. 바닐라 js는 기본적으로 document.querySelector(selectors); 함수를 사용하여 찾는 html 을 문자열 형식으로 나타내주는 문법입니다. 기본적으로 React DOM은 JSX에 삽입된 모든 값을 렌더링하기 전에 이스케이프 하므로, 애플리케이션에서 명시적으로 작성..

https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 일단 node를 설치합니다.(LTS버전을 추천드립니다.) 설치 후 터미널창에서 아래 명령어를 칩니다.(이름은 변경) sudo create-react-app 이름 생성된 폴더에서 vscode 를 엽니다. 폴더의 터미널에서 npm start

react가 무엇인가를 알아 보기위한 가장 좋은 방법은 공식홈페이지 입니다. https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 친절하게도 한글로 번역도 되어 있습니다. 한 줄로 줄이면 '선언적이며 컴포넌트를 기반으로 데이터를 효과적으로 보여 주는 라이브러리' 입니다. 좋은 점은 facebook에서 개발하고 여러 방면에서 많이 사용하는 라이브러리 입니다. 이점은 많은 react라이브러리가 존재한다는 의미입니다.(거대한 규모의 커뮤니티) 단점으로는 배우기 어렵고 react만을 사용하여 개발하기 힘들다는 부분이 있겠네요.(이를..

mysql 이관작업 중 전의 서버에서 작동하던 이벤트가 작동을 안 하는 문제점이 있었습니다. 이는 mysql 버전이 달라 이벤트가 적동하도록 세팅을 해주어야 합니다. SET GLOBAL event_scheduler = ON; 여기서 문제는 변경한 설정값이 mysql을 다시 시작하면 초기화 된다는 것입니다. 이를 해결하기 위해서는 mysql 설정파일을 수정하는 방법을 사용해야 합니다. mysql 설정파일을 엽니다. whereis my.cnf vi 편집기로 설정 파일을 엽니다. [mysqld] 아래에 다음 내용을 넣습니다. event_scheduler = ON 저장하고 mysql을 다시 시작하면 됩니다.

mysql에서 이벤트 스케줄러를 만들려고 하는데 위의 에러가 나왔습니다. 해결법을 찾아보았는데 모든 사람들이 아래의 명령어를 치라고 합니다. 이 명령어는 mysql 프로그램을 업데이트 하는 것이 아닌, mysql 테이블을 업데이트 하는 명령어입니다. 이 명령어를 사용하기 위해서는 mysql이 시스템상에 올라와 있어야 합니다.(동작 중 이어야 합니다.) mysql_upgrade --force -u root -p 이 명령어를 치면 mysql 테이블을 업데이트하여 에러를 해결해 줍니다. 이 명령어를 실행하고, restart를 해줍니다.