전체 글

Flutter 무선 디버깅 설정

1. Android 장치 설정개발자 모드 활성화:설정 앱을 열고 "전화 정보" 또는 "디바이스 정보"로 이동합니다."빌드 번호"를 7번 클릭하여 개발자 모드를 활성화합니다.개발자 모드가 활성화되면 "설정" -> "시스템" -> "개발자 옵션"으로 이동합니다.ADB 디버깅 활성화:"개발자 옵션"에서 "USB 디버깅"을 활성화합니다.또한, "네트워크 디버깅" 또는 "ADB 무선 디버깅" 옵션을 활성화합니다. (이 옵션은 Android 11 이상에서 사용 가능)2. Android 장치와 컴퓨터 연결Set-up ADBInstall homebrew/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.s..

Value error : invalid mode : 'rU' while trying to load binding.gyp

파이썬 이 3.11이면 나는 에러이며, 3.10 버전으로 바꾸어 주면 된다. brew install pyenv #pyenv 설치 pyenv를 통해 파이썬 3.10버전을 설치 pyenv install 3.10 zshrc에 이 내용 복사 붙여넣기 export PYENV_ROOT="$HOME/.pyenv" export PATH="$PYENV_ROOT/bin:$PATH" eval "$(pyenv init --path)" eval "$(pyenv init -)" 파이썬 버전 적용하기 pyenv shell 3.10.11 파이썬 버전 확인 python -V

Create a local server as a public server - Using "Ngrok"

What is a Ngrok Ngrok은 로컬 개발 환경에서 인터넷을 통해 웹 애플리케이션에 안전하게 접근할 수 있도록 해주는 도구이다. 보안 연결을 통해 인터넷에서 서버를 실행할 수 있으며, 웹 애플리케이션을 외부에 노출시키지 않고도 테스트할 수 있다. Ngrok의 주요 장점은 다음과 같다. 1. 편리한 설치와 사용 Ngrok는 다운로드 및 설치가 간편하다. 설치 후에는 쉽게 사용할 수 있으며, 명령어 한 줄로 로컬 개발 서버를 인터넷으로 노출시킬 수 있다. 2. 안전한 연결 Ngrok은 TLS/SSL 보안 연결을 사용하며, 인증서는 자동으로 생성된다. 이를 통해 로컬 서버에서도 안전하게 연결할 수 있으며, 외부에서도 보안적으로 안전한 연결을 통해 애플리케이션을 실행할 수 있다. 3. 개발 및 테스트 ..

Redux Toolkit - A non-serializable value was detected in an action, in the path: `type`

A non-serializable value was detected in an action, in the path: `type` 오류 내용을 천천히 읽어 보면 action에 직렬화가 불가능한 값을 전달했다는 뜻으로 해석할 수 있다. 여기서 직렬화란 redux에서 값을 주고받을 때 object 형태의 값을 string 형태로 변환하는 것을 말한다. (JSON.stringify) 역직렬화는 직렬화의 반대로, 문자열 형태의 객체를 다시 object 형태로 되돌리는 과정이다. (JSON.parse) Redux는 state, action에 직렬화가 불가능한 값을 전달할 수 없기 때문에 에러가 발생한 것이다. 해결방법 //아래처럼 사용된 코드를 dispatch({ type: setMovies, payload: { ..

CORS Issue: Next.js / React application

React // webpack devServer: { ... proxy: { "/api": { target: "https://api.sampleapis.com/futurama", pathRewrite: {"/api": "/"}, } } }, 먼저 웹팩에서 proxy 부분을 추가해준다. 설정은 이렇다. /api로 시작하는 경로는 실제로 https://api.sampleapis.com/futurama의 경로라는 것이다. 그리고 pathRewrite를 이용하여 /api를 /로 바꿔준다. const res = await axios.get('https://api.sampleapis.com/futurama/info'); const res = await axios.get('/api/info'); 이제 위의 방법으로 ..

IPv4 / IPv6

IPv4 현재 네트워크 계층의 프로토콜은 IPv4 Internet Protocal version4 를 사용한다. (현재 대부분 사용되고 있는 아이피) 현재 아이피주소는 버전 4로 4영역으로 나누어진 최대 12자리의 번호로 이루어져 있다. ex) 127.0.0.1 192.12.100.2 . . 숫자로 구성된 인터넷 공인 주소이고 점으로 구분한다. 각 영역의 숫자는 0 ~ 255 까지의 숫자로 표현할 수 있고, 한 영역의 256 (2^8) 가지의 경우의 수를 표현할 수 있다. 비트로 표현하면 각 영역은 8비트로 이루어지며 총 4영역이므로 8 *4 = 32 비트 체계이다. 32비트로 이루어진 IPv4 는 최대 약 40억개(2^32 = 4,294,967,296 )의 서로 다른 주소를 부여할 수 있다. 즉, IP..

[TypeScript] Difference between type and interface

1. 확장(상속)하는 법 interface extends 키워드를 이용해서 확장할 수 있다. interface Person { name: string; age: number; } interface Student extends Person { // 확장(상속) school: string; } const mark: Student = { name: 'mark', age: 31, school: 'harvard' } type & 기호를 이용해서 확장할 수 있다. type Person = { name: string, age: number } type Student = Person & { // 확장(상속) school: string } const mark: Student = { name: 'mark', age: 31..

똑똑해지고 싶으세요? “운동하세요”

운동은 근육만 단련시키는 게 아니다. 뇌도 단련시킬 수 있다./사진설명=클립아트코리아 운동은 근육만 단련시키는 게 아니다. 뇌도 단련시킬 수 있다. 최근 실제로 운동의 학습능력 향상 효과가 십수년 뒤에도 지속된다는 것을 증명해 낸 연구 결과가 나왔다. 미국 미네소타대 연구팀이 18~30세 성인 2747명을 대상으로 트레드밀 위에서 달릴 수 있을 만큼 달리게 한 뒤, 20년 후 똑같이 달리게 했다. 그리고 5년 뒤 어휘력, 새로운 정보를 이해하고 처리할 수 있는 능력, 사고력을 검사했다. 그 결과, 20년 동안 운동 능력이 떨어지지 않은 사람일수록 두뇌 기능도 놓은 것으로 확인됐다. 연구팀은 "심폐능력이 유지되면 두뇌로 혈액 공급이 잘 돼 사고력 등도 건강하게 유지된 것으로 보인다"고 했다. 운동이 뇌에 ..

[JS] 모니터/브라우저 기준 팝업창 가운데 띄우기 (window.open)

1. 단일 모니터 function open_win(url, name, width, height) { // name : 팝업윈도우_이름 // width : 팝업창 가로 크기 // height : 팝업창 세로 크기 var popupWidth = width; var popupHeight = height; // window.screen.width : 윈도우의 가로 크기 // window.screen.height : 윈도우의 세로 크기 var popupX = Math.round((window.screen.width/2) - (popupWidth/2)); var popupY = Math.round((window.screen.height/2) - (popupHeight/2)); // 윈도우 팝업창의 스타일 지정 va..

테드 창이 본 AI, "지금 우리가 가진 기계에겐 의식이 없다"

존경하는 작가 테드 창이 파이낸셜 타임스( FT)의 AI 에디터인 마두미타 무르지아( Madhumita Murgia, 어느 쪽 이름인지 짐작이 안 가는...)와 나눈 인터뷰. 아마도 Lunch with FT 라는 고정란이 있는 듯 합니다. 저명 인사들과 데스크 급 기자들이 점심 식사를 함께 하며 대화를 나눈다는 형식인 듯. 음식 이야기가 꽤 상세히 나옵니다. 더듬더듬 내용을 읽어보다가 그냥 번역을 해 버리기로 했습니다. 물론 번역기의 도움을 받았고, 받았는데... 어느 정도는 괜찮았지만 중간 중간 어이없는 오역이 꽤 있어서 그걸 다듬어서 읽기 편하게 한 정도입니다. 혹시 필요하신 분들에게 도움이 되길. 원제는 아래 있는대로 Sci-fi writer Ted Chiang: "The machines we ha..