머리가 나뻐서 삽질 SAP(Study And Programming)

마이크비트와 마퀸이라는 로봇을 조립하여 초음파 센서이용, 장애물 피하기를 구현해 보았다 마퀸을 이용한 여러가지 실습을 먼저 해보고 나서 중요한 포인트들을 차차 포스팅 하도록 하겠다 (....작성중....) Ultrasonic Obstacle-avoiding Effect: Ultrasonic detects the distance between the car and the obstacle in front of it. If the distance is less than 35cm, the car will randomly choose to turn left or right to avoid obstacles. Fittings: SR04 Ultrasonic Module x 1 or SR04-P Ultrasonic M..

Motor control Learning Target: Mastering the basic method of motor control. Effect: The car forward 1 second, right turn 1 second, left turn 1 second, back 1 second, back and right turn 1 second. 에디터 > 새프로젝트를 선택하여 에디터 활성화 https://makecode.microbit.org/#editor Microsoft MakeCode for micro:bit A Blocks / JavaScript code editor for the micro:bit powered by Microsoft MakeCode. makecode.microbit.org ..

USB로 PC와 연결 USB로 PC와 마이크로비트가 연결되면 MICROBIT (Drive:) 폴더에서 DETAILS.TXT 라는 파일이 보이는데 열어보면, # DAPLink Firmware - see https://mbed.com/daplink Unique ID: 9900000031634e4500624014000000320000000097969901 HIC ID: 97969901 Auto Reset: 1 Automation allowed: 0 Overflow detection: 0 Daplink Mode: Interface Interface Version: 0250 Git SHA: 682d8303e37355532402b8d93c4f240a3cec02a9 Local Mods: 0 USB Interfaces..

As name suggests it comes in middle of something and that is request and response cycle Middleware has access to request and response object Middleware has access to next function of request-response life cycle Middleware functions can perform the following tasks: Execute any code. Make changes to the request and the response objects. End the request-response cycle. Call the next middleware in t..

웹에서 쿠키와 세션를 이용한 회원 인증이 어떻게 이루어지는 지와 세션과 쿠키에 대한 개념, 용도 등에 대해서 알아본다. 쿠키(Cookie)와 세션(Session)을 사용하는 이유 HTTP 프로토콜에는 비연결성(Connectionless)과 비상태성(Stateless)라는 특징이 있습니다. 모든 사용자의 요청마다 연결과 해제의 과정을 거치면서 연결 상태를 유지하지 않고 연결 해제 후에도 상태 정보를 저장하지 않기 때문에 서버의 자원을 크게 절약할 수 있습니다. 하지만 이로 인해 사용자를 식별할 수 없어서 같은 사용자가 요청을 여러번 하더라도 매번 새로운 사용자로 인식하는 단점이 있습니다. 하지만 우리가 사용하고 있는 웹사이트를 생각해보면 로그인을 한 번 하고나면 그 사이트에서는 다시 로그인할 필요 없이 여..

VSCode 마켓플레이스에서 ESLint와 Prettier 를 설치하고, npm에서 ESLint 설치한다. .prettierrc와 .jsconfig.json 작성(import할때 경로를 자동으로 추천해준다 ) 하고 ESLint-plugin-react-hook (hooks사용시 ESLint로 규칙을 도와줌) 을 설치할 것이다 마지막으로 .eslintrc.json 에서 Prettier 설정과, hook 설정을 적용할 것이다 # VSCode 마켓플레이스에서 Prettier - Code formatter ( 제작자 Esben Petersen ) 설치 수동사용법 : F1 > format 입력 엔터 자동사용법 : 파일 > 기본 설정 > 설정 > format on save 검색 >파일 저장할때마다 코드 자동 저장됨 ..

이전에도 좋은 내용을 많이 올리고 있었지만, Kent C. Dodds가 전업 교육자 선언을 한 이후 더 좋은 리액트 기본에 대한 글이 많이 올라오고 있다. 특히 Hook에 관해서. 이번에 When to useMemo and useCallback이라는 글을 올려 주었는데, 나도 실무에서 Hook을 점진적으로 적용하면서 두 훅을 쓸 때 공식 문서를 좀 보고 가볍게 원리를 파악해놓고 쭉 쓰고 있었다. 그래서 심층적인 이해를 한 상태로 ‘어느 타이밍에 사용하는 것이 옳은가?’ 라는 생각을 깊게 해 보지 않았다. 따라서 글을 읽고 요약을 하면서 어느 타이밍에 useMemo, useCallback 을 사용하고, 궁극적으로 이 글이 짚고자 하는 핵심에 대해 복습하고자 한다. 그냥 번역문이 아니라 본문을 읽으면서 요약..

Create react app 에서 빌드할때 빌드된 결과물이 참조할 경로를 homepage 속성으로 설정할 수 있다. 공식홈에서 지원하는 속성이며 자세한 내용은 다음의 링크를 참조 https://github.com/facebook/create-react-app/blob/master/docusaurus/docs/deployment.md#building-for-relative-paths 더보기 상대 경로 구축 기본적으로 React 앱 생성은 앱이 서버 루트에서 호스팅되는 것으로 가정하여 빌드를 생성합니다. 이를 무시하려면를 지정 homepage하여에 package.json, 예를 들면 : "homepage" : "http://mywebsite.com/relativepath" , 이렇게하면 Create Rea..

jsconfig.json { "compilerOptions": { "target": "es6" } } 양식 복사용 { "compilerOptions": { "target": "es6" } }

.prettierrc { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80 } 복사용 { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80 }