프로그래밍 잡동사니

Client React - https://ko.reactjs.org/ TypeScript - https://www.typescriptlang.org/ Vite - https://vitejs.dev/ Axios - https://axios-http.com/ Styled-components - https://styled-components.com/ Recoil - https://recoiljs.org/ko/ Netlify - https://www.netlify.com/ PWA - https://developer.mozilla.org/ko/docs/Web/Progressive_web_apps/Introduction Main Server JAVA JDK 11 - https://www.oracle.com/kr/j..

Stable Diffusion에 이어 ChatGPT까지, 최근 생성형 AI(Generative AI)로 세상이 떠들썩합니다 글을 쓰고 그림을 그리고 코드를 짜는 AI, 최근 몇 달간 무서운 속도로 성장해 인간 고유의 영역이었던 창작까지 수행하며 개발자 뿐만 아니라 많은 지식 노동자, 예술가들에게 막연한 불안감을 주는 분위기입니다 저 역시 생각이 많아졌습니다. 당장의 커리어 고민부터 시작해 기술적 특이점이 온 세상에서 인간의 존재 의의는 무엇일까? 라는 철학적 물음 까지요 🤔 나름대로 내린 결론은, 사람은 AI에게 대체되는 것이 아니라 AI를 활용하는 사람에게 대체될 것이라는 생각입니다. AI를 응용하고 결합해 새로운 가치를 창출하는 것도 결국 사람이고, 그러한 AI 활용 능력과 인간 자체에 대한 이해가 ..

문장 생성과 이미지 생성, 두 기술이 짧은 간격을 두고 세상에 공개되며 거대 기업 및 투자자 (money) / 연구자 (paper) / 엔지니어 (develop)와 결합해 ChatGPT & Stable Diffusion 이라는 형태로 우리의 삶에 녹아들어 왔음을 느낀다 지식 노동자와 예술가는 막연한 불안감과 의욕 상실을 느꼈고, 압도되었고, 그 대상이 인간이 아니라는 것에 허망함을 느꼈다 나 역시 인간의 의미와 행복이 무엇인지 머리 속이 복잡해졌다 누가 선점하느냐.. 최소 파라미터로 최대 효율을 내느냐.. 불과 얼마 전에 있었던, 현재 진행형의 이야기였기에 물론 흥미로웠다 하지만 흥미로울 뿐, 내 고민을 해결해 줄 수는 없었다 오히려 강연 후반부와 Q&A가 나에게 큰 도움을 주었다 Q. AI 시대에서 교..

보호되어 있는 글입니다.

JavaScript 개발자와 Dart 찍먹하기를 먼저 읽고 와 주시면 더욱 좋습니다. 안녕하세요! 지난번 글에 이어 이번에는 React 개발자와 Flutter 찍먹하기로 돌아왔습니다 본의 아니게 시리즈처럼 되어버렸는데.. 다음 주제는 아직 생각한 것이 없네요 😅 이번 글도 Flutter에 흥미가 있는 개발자, 거기에 React 사용 경험까지 있다면 더 재미있게 읽으실 것 같아요! 물론 React에 대한 지식이 없더라도 이해 불가능한 수준은 아닙니다 그럼 거두절미하고 Flutter 찍먹, 시작해보겠습니다! Flutter 구글에서 개발한 Flutter 프레임워크는 Dart 언어를 사용하며, 하나의 코드베이스로 다양한 플랫폼에서 동작하는 오픈소스 프레임워크입니다! 처음에는 Android와 iOS 정도만 지원하..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

여러분, Flutter 프레임워크에서 사용되는 언어 Dart에 대해서 들어보셨나요? 개발자라면 JavaScript, Python, Java 등 다른 언어를 이미 접해 보셨을 거라고 생각합니다 저는 그 중에 JavaScript를 주로 사용해 왔고 이번에 Dart를 처음 접하게 되었는데요, JavaScript를 이미 알고 있는 개발자의 시선에서 본 Dart를 정리하면서 학습 콘텐츠를 만들면 재미있겠다는 생각이 들어 이 글을 작성해 보았습니다 특히 Flutter에 흥미가 있는 프론트엔드 개발자라면 재미있게 읽으실 것 같아요 😉 이 글은 JavaScript를 이미 알고 Dart는 처음 접하는 개발자들을 대상으로 작성하였으며, 말 그대로 찍먹이기 때문에 깊이 있는 내용이 아닐 수 있습니다. 물론 JavaScrip..

Flutter web app을 빌드하고 Netlify에 간단하게 배포만 해보자 빌드만 성공하면 어디에 배포하던 상관없지만 개인적으로 Netlify가 가장 편한 것 같다 * 공식문서에서 권장하는 방법은 Firebase Hosting / Github Pages / Google Cloud Hosting 두 가지만 조심하면 되는데, 우선 CORS (교차 출처) 이미지 렌더링 관련 설정이다 크롬에서 Renderer를 canvaskit이 아닌 html을 사용했다면 빌드도 html로 해줘야 한다 flutter build web --web-renderer html --release 위 명령어로 web app을 빌드해준다 다음으로 build/web 경로에 생성된 index.html 파일 base 태그의 href 경로를 ..

Windows 운영체제에서 Flutter로 Android 시뮬레이터를 실행하기 위한 사전 작업이다 공식문서를 따라가면 되지만 생각보다 까다로워 문제가 생길 수 있는 부분들을 정리해 보았다 Android setup🔽 Windows install How to install on Windows. docs.flutter.dev Android Studio 설치하기 Android Studio 최신 버전 다운로드 Android Studio > Android Studio Setup Wizard 실행 (Flutter에 필요한 Android SDK 설치) flutter doctor 체크 > 설치 문제 시 flutter config --android-studio-dir 경로 설정 Unable to find bundled J..