프로그래밍193

• [JS] Drag&Drop 구현 예제(feat. SortableJS) Drag&Drop 라이브러리를 찾아서 사용중인데 구조를 간단히 설명하자면 Sortable([드래그할 아이템들의 컨테이너], [옵션값(Json 형식)]으로 구성되어있다. new Sortable(Element, Option); 첫번째 인자에는 Element를 적으라고 하지만, 왠지 모르겠으나 id값을 넣어줘도 작동을 한다. 옵션값은 상당히 많아 가장 아래의 문서 링크를 참조하면되고 여기서는 자주쓰일법한 예제만 적어둔다. 1. 위치 이동 See the Pen Untitled by Sangyoung Park (@Sangyoung-Park) on CodePen. 2. 그룹 이동 See the Pen sortableExcample2 by Sangyoung Park (@Sangyoung-Park) on CodePen.. 프로그래밍/Javascript 2024. 2. 2.

• 

  [Flutter] Module was compiled with an incompatible version of Kotlin에러 해결 아래와 같은 에러가 발생 Module was compiled with an incompatible version of Kotlin. The binary version of its metadata is 1.9.0, expected version is 1.7.1. "아마 너의 버전이 1.7.1인데 metadata version이 1.9.0이니까 업그레이드해야 할 거 같아"라고 말하고 있다. 라이브러리를 설치할 때 의존성 버전이 맞지 않아 나타나는 문제인데 라이브러리 버전을 낮추거나 Kotlin version을 높여야함. Kotlin version을 업그레이드해 본다. Flutter 경로에서 "android\build.gradle" 파일을 열어준 뒤 에러창 말대로 "ext.kotlin_version"을 1.9.. 프로그래밍/Flutter 2023. 12. 24.

• 

  [Git] Remote 명령어 모음 git저장소에 프로젝트 이름에 오타가 났다. 프로젝트 이름에 캘린더(Calendar)인데 Calandar라고 써버렸다. 프로젝트 이름을 변경하면서 기존 git의 remote도 다 변경하는 김에 git remote 명령어를 작성 1. 등록된 저장소 이름 출력 git remote 2. 저장소 이름 & URL 출력 git remote -v 3. 저장소 추가 git remote add [저장소 이름] [URL] 4. 저장소 이름과 branch 정보 출력 git remote show [저장소 이름] 5. 저장소 이름 변경 git remote rename [기존 저장소 이름] [변경할 저장소 이름] 6. 저장소 URL 변경 git remote set-url [저장소 이름] [변경할 URL] 7. 원격저장소 업데이트.. 프로그래밍/Git 2023. 12. 23.

• 

  [Flutter] 첫 앱 시작하기 먼저 나의 환경은 Windows10 ,VSCode이다. 환경 구성은 아래 포스팅에서 확인한다. 2023.12.21 - [프로그래밍/Flutter] - [Flutter] VSCode에서 Flutter 환경 구축하기 [Flutter] VSCode에서 Flutter 환경 구축하기 먼저 나의 환경은 Windows10이며 Flutter개발을 VSCode에서 진행하도록 환경을 세팅해본다. 크게 목차는 1. Flutter SDK 설치 2. VSCode 설치(+Flutter extension ) 3. Android Studio(Android SDK와 Emulate 등을 설치하기 위 park-duck.tistory.com 1. 프로젝트 생성 먼저 Flutter 프로젝트를 진행할 경로로 이동하여 프로젝트를 생성한 뒤 VS.. 프로그래밍/Flutter 2023. 12. 22.

• 

  [Flutter] VSCode에서 Flutter 환경 구축하기 먼저 나의 환경은 Windows10이며 Flutter개발을 VSCode에서 진행하도록 환경을 세팅해본다. 크게 목차는 1. Flutter SDK 설치 2. VSCode 설치(+Flutter extension ) 3. Android Studio(Android SDK와 Emulate 등을 설치하기 위함) 4. Flutter Doctor 실행 Flutter를 실행하는데 Android Studio, Visual Studio를 설치해야하는 것에 불편함을 느끼지 않을 수 없지만, SDK나 다른 Tool 등을 따로 설치 불가능하니 어쩔 순 없다. 1. Flutter SDK 설치 - 아래 사이트에서 본인의 OS를 선택한 뒤 SDK를 설치한다. https://docs.flutter.dev/get-started/insta.. 프로그래밍/Flutter 2023. 12. 21.

• 

  [ESP-32] ESP32 VSCode에서 Hello World 출력 ESP8266과 ESP32는 Toolchain이 다르기 때문에 혼동하지않도록 주의한다. 환경은 Ubuntu20.04, ESP32-Cam을 사용하며 아두이노가 아닌 VSCode로 SDK를 직접 구성하고 CMake를 통해 빌드, flash한다. 1. 필수 구성요소 설치 python3, cmake, ninja, git 등을 설치 sudo apt-get install git wget flex bison gperf python3 python3-pip python3-venv cmake ninja-build ccache libffi-dev libssl-dev dfu-util libusb-1.0-0 2. ESP-IDF Library 가져오기 ESP8266에도 ESP-IDF Library가 존재하는데, 폴더명이 똑같으니.. 프로그래밍/ESP-32 2023. 12. 14.

• 

  [Git] repo 사용하기(feat. git 여러개 설정하기) 먼저 repo란 Google에서 제공하는 git 유틸리티이며 여러개의 저장소를 한번에 clone 또는 checkout 할 수 있다. 원래는 Android Project에서 시작하였으나, Android 뿐만 아니라 여러개의 저장소를 관리해야할 때는 목적 상관없이 repo를 사용하기도 한다. repo가 python으로 만들어진 git 유틸리티 이므로 git과 python이 설치되어 있어야 한다. 1. 설치 - Windows 브라우저에 https://storage.googleapis.com/git-repo-downloads/repo 를 접속하여 repo를 다운로드한다. C:\Users\[User name]에 bin 폴더를 생성하고 다운로드한 repo를 옮긴다. (명령 프롬프트로 사용하려면 repo.exe로 파.. 프로그래밍/Git 2023. 10. 12.

• 

  [STM32] Timer 설정하기(feat. 이론) 시작하기 전에 전자전공도 아니고 관련 지식이 없는 상태에서 공부를 하기 위해 구글링하며 이글 저글 짜집기하다 도출된 주관적인 결론으로 틀릴 확률이 높으니 참고만 하시길... +) 피드백 주시면 정말 정말 감사합니다. 먼저 나의 환경은 Ubuntu 20.04, NUCLEO-F411RE 1. 이론 Timer는 어떻게 작동하느냐? Clock, Prescaler, Count Period의 개념을 먼저 알아야한다. Clock(클럭) 만약에 1초에 84MHz의 클럭이 발생한다면 1초에 84,000,000의 신호(High/Low)가 발생한다는 뜻인데 그렇다면 84,000,000번째의 신호를 받았다면 그건 1초가 지났다는 뜻이다. 그런데 84,000,000의 신호를 모두 인터럽트 등으로 처리를 한다면 그건 불필요한 정.. 프로그래밍/STM32 2023. 10. 7.

• 

  [CMake] printf float or double 출력하기 먼저 환경은 Ubuntu20.04, 툴체인은 gcc-arm-none-eabi-10.3 사용중이며 STM32를 공부하는 중에 부동소수점이 출력되지 않아 찾아보았다. STM32 CUBE IDE나 CUBE MX에서도 printf에서 부동소수점을 출력하기 위해 무언가를 체크했던거 같은데 CMake에서도 Linker option에 "-u _printf_float"를 추가해주어야한다. 프로그래밍/CMake 2023. 9. 30.

• 

  [STM32] CPU 온도 측정하기 먼저 나의 환경은 Ubuntu 20.04, NUCLEO-F411RE 사용 중이다. 1. 설명 STM32는 내부에서 CPU의 온도를 측정할 수 있다. 계산방법은 모르겠어서 코드만 GPT 것을 가져왔다. Polling, Interrupt, DMA 3가지 방법이 있는데, 온도는 1초에 한 번 체크해도 무방하다 생각하기에 Interrupt 방식을 택할 것이다. 설명은 아래와 같이 있지만 구현은 Interrupt 방식만 해볼 것이다. (Drivers/STM32F4xx_HAL_Driver/Src/stm32f4xx_hal_adc.c 주석 중) (#) ADC 드라이버는 폴링(Polling), 인터럽트(interruption), 세 가지 모드 중에서 사용할 수 있습니다, DMA에 의한 양도. *** 폴링모드 IO동작 *.. 프로그래밍/STM32 2023. 9. 30.

• 

  [STM32] USART를 활용한 print찍기 먼저 환경은 Ubuntu 20.04에 NUCLEO-F411RE를 사용 1. USART 설정 먼저 NUCLEO-F411RE는 USART 1, 2, 6이 존재하는데, USART2는 ST-LINK로 통신이 가능하기 때문에 별도의 통신하드웨어가 필요 없다. 만약 ST-LINK가 없는 board 같은 경우 TX와 RX, Vcc GND를 연결시켜주어야 한다. USART에서는 Polling, interrupt, DMA가 있는데, 간단히 설명하자면 Polling은 신호를 특정 주기로 하염없이 감시/기다리는 것이고 interrupt는 이벤트로 인한 통신, DMA는 interrupt가 무수한 신호가 전달될 때 CPU의 가용시간을 과도하게 잡아먹을 수 있는데, DMA controller를 이용하여 CPU의 가용시간을 줄여주.. 프로그래밍/STM32 2023. 9. 30.

• 

  [STM32] EXTI(External Interrupt) 제어 먼저 나의 환경은 Ubuntu 20.04, NUCLEO-F411RE 사용 중 Tool은 CMake를 통해 빌드하여 VSCode로 Debug 한다. 2023.09.10 - [프로그래밍/STM32] - [STM32] STM32CubeMX로 CMake설정하기 2023.09.03 - [프로그래밍/STM32] - [STM32] cmake build(feat .bin, .elf, .hex 추출) 2023.09.03 - [프로그래밍/STM32] - [STM32] VSCode 에서 STM32 디버깅하기(.vscode) 1. EXTI 설명 외부 인트럽트(EXTI)를 사용해 보자. 먼저 관련 문서 먼저 아래의 문서를 보면 EXTI에 대한 event mapping이 되어있는데, 요약하자면 EXTI0은 PA0~PH0 핀 중 .. 프로그래밍/STM32 2023. 9. 24.