Peter's hardware & software

Lorem ipsum 들어봤나? 가짜로 만드는 문장 이야기 하는 거임 ㅇㅇ. 디자인에 글이 필요할 때가 있잖아? 그런데 "어제 부대찌개 먹는데 김부장이 침튀어서 따귀 때리고 싶었다." 이렇게 써놓으면 안되잖아? 그래서 그럴싸하지만 읽어보면 전혀 말이 안되는 그런 문장을 로렘 입숨이라고 그랴. "때로는 별들에 떠오르는 태양은 숨죽였다." 뭐 이런식으로 말이지. 이미지도 그럴 때가 있잖아 아무거나 하긴 뭐하고... 대강 아무거나 있어보이는 거 넣고 싶은데 언제 그거 일일이 찾아서 넣어. 이럴 때 랜덤으로 사진을 가져올 수 있는 사이트가 있어. 👇👇 https://picsum.photos/ Lorem Picsum Lorem Ipsum... but for photos picsum.photos 사용법은 초간단해...

React native와 flutter를 layout 측면에서만 살펴볼거야. 문법(?)적인 차이는 표준 문서를 보도록 하고 이 글에서는 React native에서 주로 사용하는 컴포넌트에 대응하는 Flutter 위젯이나 구현 방식 등에 대해서만 이야기하도록 할게. 먼저 React native는 html처럼 태그로 컴포넌트들을 감싸서 layout을 만드는데 비해 flutter는 함수를 호출하는 것처럼 보여.👇 // React Native ... return ( Hello world ); ... // Flutter ... return Container( child: Text("Hello world"), ) ... 그래서 React는 (태그가) 중첩되면서 복잡해지고 ㅋㅋㅋ Flutter는 (),{} 가 중첩되..

2022.07.18 - [Startup!!] - Start up 법인 만들기 #8 법인 통장 개설, 홈택스 회원가입, 세무대행 Start up 법인 만들기 #8 법인 통장 개설, 홈택스 회원가입, 세무대행 2022.07.16 - [Startup!!] - Start up 법인 만들기 #7 홈택스 사업자 등록 Start up 법인 만들기 #7 홈택스 사업자 등록 2022.07.14 - [Startup!!] - Start up 법인 만들기 #5 사업자 등록하기 Start up 법인 만들.. engschool.tistory.com 스타트업 설립할 때 난 세무대행을 자비스라는 스타트업에 맡겼어. 몇달 써보고 알려준다고 했는데 지금 한 2달 지났으니까 알려줌 ㅇㅇ 나뿐만 아니라 나처럼 보통 1인 법인 설립하는 사람..

Flutter로 앱을 개발하려면 Android studio가 반드시 설치되어 있어야 해. 그런데 그렇다고 개발할 때 꼭 android studio를 사용할 필요는 없어. 그냥 vscode에 extension 설치해서 사용해도 개발에는 무리가 없거든. vscode 많이들 사용하니까 나도 그렇고.. vscode부터 살펴보자구. 먼저 extension 설치해야겠지? flutter와 dart로 검색하면 여러가지가 나오는데 난 4개 설치했어. Dart, flutter, flutter Widget Snippets, Flutter Tree Dart는 언어, Flutter는 기본 프레임웍이니까 기본으로 깔고 들어가는 거고, Flutter Widget Snippets는 flutter 관련 코드 자동 완성툴. 그리고 마지..

매우 기본적인 사항이라 어느정도 하는 사람은 읽을 필요 없음! flutter 공홈에 전부 다 나오는 내용임! React native랑 flutter랑 프로그램 외적인 차이에 대해 알고 넘어가보면 개발할 때 IDE, simulator 같은 건 다 똑같아. 다른 게 없어. 명령이나 디버깅 툴 정도만 조금 다를 뿐. 그래도 굳이 나열해보자면 👇👇 React에서는 필요한 Package를 설치할 때 npm이나 yarn을 사용하는데 flutter에서는 flutter pub add package_name 이런식으로 설치해. 아니면 pubspec.yaml 에 원하는 package 이름을 추가한다음 flutter pub get 명령으로 install 할 수 있어. 예를 들어 웹뷰 패키지를 설치하고 싶으면 👇👇 % flu..

React native는 Javascript, Flutter는 Dart를 기반으로 해. 그런데 사실 큰 차이점을 모르겠더라고 눈에 띄는 Asynchronous 부분부터 보자구. 우선 Javscript에서는 promise로 선언된 함수를 .then()과 함께 사용하잖아? 이런식으로 👇👇 const result = fetch("example.url").then(response => response.json()).then(jsonResult => jsonResult); Promise는 fetch 안에 숨어있을거야 그러니까 then() 도 사용할 수 있는거고. 혹시나 도중에 error 처리를 하고 싶으면 .catch()를 붙여주면되고.. Dart도 거의 똑같아. 그런데 promise 대신 Future를 키워드로..

어느정도 React Native에 익숙해져있는 상태에서 Flutter를 새로 하려니 React native에서 겪었던 그 스트레스를 다시 경험한다는 생각에 짜증과 갑갑함이 ㅋㅋㅋㅋㅋ 그래도 뭐 어쩌겠어 ㅋ 이 악물고 하는거지. 그래도 뭔가 좀 차이점을 알고 지나가면 적응하는게 쉽지 않을까? 하는 생각이 들더라고. 그런데 마침 flutter getting started 문서에 React Native 개발자들을 위한 Flutter라는 문서가 뙇! https://docs.flutter.dev/get-started/flutter-for/react-native-devs Flutter for React Native developers Learn how to apply React Native developer kno..

나는 1인 개발자니까 프론트, 백엔드, 앱, 웹 혼자 다 해야 하자너.. 그런 측면에서 React native는 괜찮은 선택인 것 같았어. 전부 Javasciprt로 해버리면 되니까 말이야. 어차피 웹은 자바스크립트 피할 수 없고 백엔드는 node.js serverless로 하면 되니까. 그래서 몇달간 React native를 꽤 열심히 했어. 처음에는 약간 퍼즐? 수수께끼 푸는 느낌으로 재미있게 했어. 필요한 package도 찾아보면 거의 다 있고 예제도 문서도 잘 되어 있었으니까. 그런데 말이지... 개발을 하면 할수록 너저분해지고 꼬여가는 듯한 느낌을 지울수가 없단 말이야... 뭐 물론 100% 반론의 여지없이 내가 잘 못하고 있는 거겠지만 ㅋㅋㅋ Live and let live! 냅둬 ㅋㅋ Rea..

w5500_evb_pico 보드에서 tcp echo를 돌려보자구. tcp echo 예제는 zephyr/samples/net/sockets/echo 에 있어. main.c에 있는 내용을 전부 다 복사해서 기존에 blink 프로젝트 만들어 놓은 곳에 붙여넣어 보자구. 그리고 이건 tcp 서버니까 prj.conf에 CONFIG_NET_TCP=y 옵션을 추가해 줘야 해. 이 옵션을 안 넣으면 당연하겠지만 socket error가 출력될거야. 그러니까 아래처럼 CONFIG_NET_TCP=y를 추가해줘잉~ 이제 빌드하고 바이너리 복사. 그러면 터미널을 통해서 아래와 같은 메세지를 볼 수 있어. "4242번 포트로 tcp server가 기다리고 있다~" 자 그럼 접속해주자고. 뭐 윈도우 쓰는 사람들은 hercules..

2022.09.23 - [임베디드 소프트웨어/Zephyr] - Zephyr 새 보드 만들기 #2 Zephyr 새 보드 만들기 #2 2022.09.22 - [임베디드 소프트웨어/Zephyr] - Zephyr 새 보드 만들기 Zephyr 새 보드 만들기 2022.08.01 - [임베디드 소프트웨어/Zephyr] - Zephyr 새 프로젝트 만들기 Zephyr 새 프로젝트 만들기 2022.07.30 - [.. engschool.tistory.com 제퍼 새 보드를 만들긴 했는데 w5500코드로는 w5100s가 동작하지 않아. 드라이버를 새로 만들어야 하는 것 같아. 그래서 w5100s_evb_pico는 그대로 두고 새로 w5500_evb_pico 보드를 추가했고 제퍼 CONFIG도 조금 더 수정했어. 우선 w..