두번째 뇌

웹에 대한 지식을 쌓을 겸 구글링할 때, 영여 원문을 번역해놓은 글을 보고 도움을 많이 받았었다. 비록 쉬운 내용이지만, 그냥 읽는 것 보다 글로 쓰면 기억에 잘 남고, 그리고, 미래의 내가(?) 읽고나서 짧은 시간 안에 파악할 수 있도록 내용을 정리할 겸 아래에 내용을 작성하였다. 이해를 위해 조금 해석해서 다시 적기도 하고, 이해가 안되는 부분은 본문을 첨부하였다. 원본 출처는 아래 링크 입니다. OpenLayers3 튜토리얼 - Basic Concepts Map - Map은 OpenLayers3의 핵심 컴포넌트 (ol.Map)- target에 요소의 id를 입력하면, 해당 요소 위에 지도를 렌더링함 (예를 들면, 웹 페이지 div 요소에 올릴 수 있음)- Map의 모든 속성은 생성할 때나 sette..

z-index 에 대해 검색하다가 좋은 글을 보게되었다. [번역] z-index에 관해 아무도 말해 주지 않은 것이라는 글이고, 원문 What no one told you about z-index 을 번역한 글이다. 글을 읽으며 든 생각은 z-index가 적용되는 방식은 생각보다 복잡하며, 스펙에는 그러한 정보가 모두 들어있다는 점이다. 쌓임 순서 (Stacking Order)란? z-index가 높으면 위로 오고, z-index가 낮으면 아래로 가는 것이다. 쌓임 맥락 (Stacking Context)란? 같은 부모 밑에 쌓임 순서에 따라 앞뒤로 한꺼번에 움직일 수 있는 요소를 말한다. 쌓임 맥락이 만들어지는 조건은 - html 요소 (그 자체) - 요소가 position: static이 아니고, z-..

0. 배경 웹 서핑 중, 기억하고 싶은 정보를 캡쳐하는데 사진이 정리가 안되어 나중에 찾기 힘들었습니다.캡처된 사진을 관리하기 위해 만들게 되었습니다. 1. 운영 환경 URL - dolhim.com/chamo호스팅 - 고도호스팅서버 - Apache Web Server, PHP 7.0DB - Mysql 5.5 2. 화면 - PC - 모바일 3. 기능카드 도시 - 사진과 제목, 카테고리(임시), 생성 날짜, 생성자, 설명을 카드형식으로 도시함. 카드에 움직임 효과를 주기 위해 Masonry.js 라이브러리 사용. 태그 검색 - 상단 입력 부분에 태그를 입력하면 해당 태그를 포함하는 카드가 필터링 됨. Selectize.js 라이브러리 사용.로그인 기능 - 카드 옵션에 따라 특정 카드는 생성자만이 볼 수 있도..

보드 정보: 아두이노 호환 보드 사용한 블루투스 모듈: ZS-040 (펌웨어 버전 linvorV1.8) - 이 블루투스 모듈의 핀은 (칩이 보이게 세로로 두었을 때) 왼쪽부터 RX, TX, GND, VCC를 의미한다. - RX, RXD는 Receive Data, 수신을 의미하고, - TX, TXD는 Transmit Data, 송신을 의미한다. - GND는 Ground, 접지, VCC는 Votage Collector, 전원을 의미한다. - RX, TX는 연결할 때 반대로 연결해야한다. (모듈 RX 핀은 아두이노 TXD 핀에, 모듈 TX 핀은 아두이노 RXD 핀에) - 블루투스 모듈 연결을 확인하기위해 아두이노에 모듈만 연결한 뒤, 시리얼로 `AT`라고 보내는데 답이 없을 경우, 먼저 모든 모듈과 동일하게 ..

서보모터 (servo moter) 주황색선 - 제어용, 빨간색선 - +, 갈색선 - GND 기어가 움직일 각도를 설정할 수 있다. 모터 동작 사이사이에 기어가 움직일 시간을 줘야한다. 너무 짧게 주면 제대로 움직이지 못한다. motor.write(170); // 0~180도 delay(1000); motor.write(10); delay(1000); 버튼을 추가하여 각도를 제어하는 등 다른 부품을 추가하여 활용 수 있다. #include Servo motor; void setup() { // 서보모터를 12번 핀에서 사용한다고 설정 motor.attach(12); } void loop() { int pin2 = digitalRead(2); if (pin2 == 0) { motor.write(170); d..

물리공작소 LAB 유튜브 동영상을 참고하여 https://wokwi.com/ 시뮬레이터로 진행했습니다. Wokwi - Online ESP32, STM32, Arduino Simulator PowerVotes: You decide. We Do. wokwi.com LED 다리가 짝짝이다. 긴 쪽이 + (power)이고, 짧은 쪽이 - (ground, 접지)로 알맞는 곳에 연결해야한다. analogWrite(11, 30); 코드로 불을 켤 수 있다. 파라미터는 핀 번호랑 전압이다. 전압에 따라 밝기가 달라진다. 0(0v)~255(5v)까지 입력이 가능하다. https://www.arduino.cc/reference/ko/language/functions/analog-io/analogwrite/ 불이 켜지지 않..

1. cqlsh 다운로드 아래 링크에서 cassandra 버전을 선택하고, 체크박스를 클릭하여 동의하고, 다운로드한다. 나는 Apache Cassandra를 사용해서 "DataStax Distribution of Apache Cassandra"를 선택했다. https://downloads.datastax.com/#cqlsh 2. 접속 terminal이나 cmd를 실행하고, 다운로드 받은 폴더로 들어가서 압축 해제한 후 아래 명령어를 실행한다. 1.2.3.4에는 접속하려는 cassandra 서버의 IP주소를 입력한다. bin/cqlsh 1.2.3.4 9042 3. keyspace 조회 DESCRIBE keyspaces; 4. 데이터 조회 sql과 매우 비슷하다. select * from abc 참고: ht..

오늘의 과제: 10가지 팁 정리하기 100가지 팁 중 가장 기억하고 싶은 팁 10가지를 골라 적습니다.

Mission (3) 진짜 요구사항 요구사항을 받았는데, 요구사항이 아닐 수 있습니다! 요구사항이 아니라면 사용자가 진짜로 원하는게 무엇인지 알아내야합니다. 애매한 요구사항에서 진짜 요구사항을 찾아내는 연습을 해봅시다. (1) '연습문제 #33'을 읽습니다. (2) 1-5번까지 문제를 클라이언트가 건넨 요구사항이라 상상하며 문제를 풀어봅시다. (3) 진정한 요구사항이 아닐 경우 어떻게 질문을 해야하는지, 무엇을 알아야 하는지, 왜 그렇게 생각하는지 등 나의 생각을 작성해보세요. ❗️ 풀이과정은 문제당 300자 이상으로 작성해주세요. ❗️ 책에 있는 해답은 참고용이며, 본인의 생각을 잘 작성해주세요. 📌 연습문제 33 다음 문장들이 진정한 요구 사항인가? 가능하다면 진정한 요구사항이 아닌 것을 좀 더 유용..

오늘 읽은 범위 🔖 8장. 프로젝트 전에 📝 책에서 기억하고 싶은 내용 실용주의 프로그래머는 요구사항을 받으면 의문점을 떠올리고 의뢰인에게 역으로 질문하며 탐험한다. (p.352) 프로젝트 용어 사전 관리하기 (p. 360) 짝 프로그래밍pair programming, 몹 프로그래밍mob programming: 한 사람이 코드를 입력하는 동안 한 명 혹은 여러명의 팀 동료가 조언하고 고민하며 문제를 함께 푸는 것 (p. 368) 익스트림 프로그래밍eXtream Programming, XP의 실천 방법 중 하나 (p. 369) 애자일agile: '기민하다'는 뜻의 형용사 애자일 선언 중 소프트웨어 개발에서 중요하게 여겨야할 가치 공정과 도구보다 개인과 상호작용 포괄적인 문서보다 작동하는 소프트웨어 계약 협..

오늘 읽은 범위 🔖 7장. 코딩하는 동안 📝 책에서 기억하고 싶은 내용 여러분은 개발자로서 ... 경험과 지혜를 축적해 왔다. ..그 느낌을 따라라. 직감이 여러분의 역량에 일조하도록 하라. (p. 277) 일단, 하고 있는 일을 멈춰라. 여러분의 뇌가 정리를 좀 할 수 있도록 약간의 시간과 공간을 확보하라. (p. 278) 코드를 마구 찍어내는데 드는 시간을 줄이고, 오류를 초기에 더 적게 만들기 위한 의도적으로 프로그래밍하는 법 (p. 288) (중 일부만 작성) 지금 무엇을 하고 있는지 알아야 한다. 코드를 상세히 설명할 수 있는가? 계획을 세우고 그것을 바탕으로 진행하라 신뢰할 수 있는 것에만 기대라 우선순위를 정하라 대문자 O (Big O) 표기법 어떤 함수가 O(n)2 시간이 걸린다고 하면, ..

오늘 읽은 범위 🔖 6장. 동시성 📝 책에서 기억하고 싶은 내용 용어 정의 (p. 241) 동시성concurrency: 동시에 실행 중인 것처럼 행동하는 것 ex) 파이버fiver, 스레드, 프로세스 등을 사용 병렬성parallelism: 실제로 동시에 실행되는 것 ex) 여러 개의 일을 동시에 할 수 있는 하드웨어. 코어가 여러개인 CPU, 여러대의 CPU 등 시간적 결합temporal coupling 깨트리기 보통 직선적 사고를 하기 마련이다. ...우리는 동시성을 확보해야 한다. 시간이나 순서에 의존하는 시간적 결합을 끊는 방법을 생각해 내야 한다. (p. 244) 작업 흐름을 분석하라 -> 활동 다이어그램activity diagram 작성하기 (p. 244) 공유 상태는 틀린 상태 상태를 공유하는..

💡 연습문제 20 (p. 207, Topic 30 변환 프로그래밍) (이벤트에 잘 반응하는 애플리케이션을 만들기 위한) 네 가지 전략 중에서 다음 상황에 맞는 것은 각각 어떤 것일까? 여러 전략을 조합해야할 수도 있다. 5분 동안 '네트워크 인터페이스가 꺼짐' 이벤트를 세 번 받으면 운영 직원에게 알려라. 일몰 후에 층계 밑에서 동작이 감지된 다음 층계 위에서 동작이 감지되면 위층의 전등을 켜라. 다양한 보고 시스템에 주문이 완료되었음을 알리고 싶다. 고객에게 자동차 대출을 집행할 수 있는지 평가하기 위하여 애플리케이션이 세 가지 다른 서비스에 요청을 보내고 응답을 기다려야 한다. ✅ 풀이 과정 일단 4가지 개념을 간단히 정리해보았다. 1. 유한 상태 기계Finite State Machine, FSM: ..

자주 발생하지만 이렇다 할 해결방법이 없는 에러!!발생할 때마다 매번 고생 하는것 같아서 정리한다. 참고 : [Error LNK2019] Link Error 발생시 확인해볼 것들 --> [링크] 아래에 어제,오늘(;;) 고생하여 해결한 내용을 정리하였다.앞으로 다른 원인이 발견되면 추가할 것이다. 1. LIB 파일이 제대로 추가되었는지 확인한다방법 a. 프로젝트 속성(Alt + F7) > 링커 > 일반 > 추가 종속성 위 속성 값에 필요한 lib 파일 명이 명시되어있는지 확인한다.방법 b. #pragma comment(lib, "mylibrary.lib") 전처리기를 이용하여 직접 추가한다. 위 두가지 중, 한가지를 수행하면 된다.단, 동일 솔루션 내에서 빌드하는 lib을 추가하는 경우 아래의 방법을 따..

보드 정보: 아두이노 호환 보드 사용한 블루투스 모듈: ZS-040 (펌웨어 버전 linvorV1.8) - 이 블루투스 모듈의 핀은 (칩이 보이게 세로로 두었을 때) 왼쪽부터 RX, TX, GND, VCC를 의미한다. - RX, RXD는 Receive Data, 수신을 의미하고, - TX, TXD는 Transmit Data, 송신을 의미한다. - GND는 Ground, 접지, VCC는 Votage Collector, 전원을 의미한다. - RX, TX는 연결할 때 반대로 연결해야한다. (모듈 RX 핀은 아두이노 TXD 핀에, 모듈 TX 핀은 아두이노 RXD 핀에) - 블루투스 모듈 연결을 확인하기위해 아두이노에 모듈만 연결한 뒤, 시리얼로 `AT`라고 보내는데 답이 없을 경우, 먼저 모든 모듈과 동일하게 ..

바로가기 아이콘을 기본에서 '원하는 이미지'로 변경하는 방법 'EXE'는 아이콘이 반영 되어있는데,'바로가기'는 아이콘이 반영되지 않는 문제가 있었다. *.exe 파일로 바로가기 아이콘을 변경하는 방법이다. (*.ico 파일이 아님.) 프로젝트에서 ico 파일로 프로그램 아이콘을 미리 설정해두어야 한다. 설치 패키지에서 '기본 출력 from [프로젝트명]'을 클릭하면 File System 창이 뜬다. File System 창에서 아이콘을 변경할 항목을 선택한다. Application Folder는 해당 패키지를 이용하여 프로그램을 설치했을 때, 시스템 폴더안에 생성되는 폴더이다. User's Desktop 은 설치 후 바탕화면에 생기는 바로가기이다. User's Programs Menu/[프로젝트] 는 ..

대부분의 오류나 예외는 메시지를 잘 살펴보면 어떻게 해결할지 답이 나온다.처음엔 메시지를 봐도 이게 무슨말인가 했는데, 비슷한 예외가 자주 발생하다보니 이젠 잘 읽어보면 어떻게 해결해야할지 감이 잡힌다. ''OpenCVSharp.CPlusPlus.Mat'의 형식 이니셜라이저에서 예외를 Throw했습니다.' [주의] 일반적인 해결방법이 아닐 수 있습니다. 먼저, 메시지에서 언급된 형식의 인자의 값을 잘못 넣었는지 확인한다.(그럴 일 없겠지만..) null 이거나, 크기가 맞지 않거나 등등..만약 잘 입력했는데도 예외가 발생한다면, 예외 창에서 '자세히 보기...' 버튼을 클릭한다. '자세히 보기'창에 예외 정보가 자세하게 나와있다.여기서, 처음 보이는 Exception안에 InnerException 을 계..

상황 : 스크립트를 Window에서 작성 후 (문법적으로 오류가 없다고 가정)Linux에서 실행 시 에러 발생 오류 내용 :-bash: ./your_script: /bin/sh^M: bad interpreter: No such file or directory 원인 : Windows 시스템에서 텍스트 편집기를 통해 파일을 만들 때, 줄 바꿈에 캐리지 리턴 + 줄 바꿈 문자를 사용하지만Linix 시스템에서는 줄 바꿈 문자만 사용하므로 문제가 발생할 수 있다. 해결 :리눅스에서 명령어를 실행하여 스크립트 파일 내에 캐리지 문자를 제거한다. 1sed -i -e 's/\r//g' /etc/init.d/your_scriptcs 혹은, 윈도우에서 편집기의 기능 중 Linux, Unix 용으로 저장하기 기능을 사용한다..