2월은 3주간 필리핀, 1주간 일본에 다녀왔습니다. 거의 한 달 동안 해외에 있어서 공부도 블로그 포스팅도 쉽지가 않았습니다 다시 열심히 해봐야죠. 😥 그래도 최근에 정보처리기사 필기 합격하고 왔습니다 ㅎㅎ 합격 확정이 되면 후기 올리겠습니다! 3월에는 개강하고 근처 초등학교를 대상으로 SW·AI 교육을 하러 다녔습니다. 😀 인공지능에 대해서 소개하고 발표하는 시간을 가졌습니다. 아무래도 아직까지 초등학생들에게 소프트웨어라는 단어는 어렵게 느껴지는 것 같습니다. 어떤 말인지 아는 학생도 있지만 대부분 모르더라고요 ㅎㅎ 최대한 알기 쉽게 설명하려고 노력했습니다. 이날은 네이버에서 만든 스마트렌즈로 실습을 진행했습니다. AI가 어렵게 느껴졌던 학생들도 쉽고 재밌게 참여했습니다. 😀 또, 학생들에게 지도학습이..

요즘 챗GPT에 대한 관심이 뜨겁습니다. 유튜브에도 관련 영상이 많이 올라오고, 개발자를 완전히 대체하는 것이 아니냐는 우려의 목소리도 들립니다. 구글 계정을 통해 간단하게 사용해 볼 수 있습니다. 같이 체험해 봅시다. 😀 📝ChatGPT란? ⦁ 개요 ChatGPT는 OpenAI에서 개발한 대화형 인공지능 서비스입니다. RLHF(Reinforcement Learning from Human Feedback)라는 기계 학습 기술을 사용하여 개발된 AI 챗봇입니다. 현재 무료 또는 유료로 이용할 수 있습니다. 2022년 11월 30일 무료 공개 테스트를 위해 출시 첫 주 만에 백만 명이 넘는 사람들이 ChatGPT에 참여했습니다. 사용자들은 ChatGPT에 성능에 감탄하였고, 성공적이었다고 하네요. 심지어 컴..

2012년 마이크로소프트가 발표한 타입스크립트는 자바스크립트를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어입니다. Stack Overflow에서 개발자가 가장 좋아하고 관심을 가지는 프로그래밍 언어 2위로 선정되었습니다. 또한, 개발자 채용공고를 보면 우대사항에 타입스크립트가 거의 항상 기재되어 있습니다. 이젠 거의 필수 교양이 되어버린 타입스크립트에 대해서 알아봅시다. 📝 타입스크립트의 특징 ⦁ 컴파일 언어, 정적 타입 언어 자바스크립트(JS)는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견합니다. 하지만 타입스크립트(TS)는 컴파일 언어입니다. 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 JS코드로 변환됩니다. 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고, 미리 타입을..

WebStorm은 웹 개발 전용 IDE입니다. HTML, CSS, JS 등 프론트엔드 개발을 주로 할 수 있도록 개발되었습니다. IntelliJ로 유명한 JetBrains사에서 개발했습니다. 트렌디한 자바 개발자는 Eclipse보다 Intelli J를 많이 사용하는 것 같습니다. 이클립스는 무료긴 하지만 내부 버그가 아직 존재한다고 합니다. 인텔리제이는 유료지만 그만큼 개발자에게 차원이 다른 경험을 제공해 준다고 하네요. 외국 개발자들도 프론트엔드 개발에 WebStorm을 많이 추천한다고 하네요. 저는 원래 Visual Studio Code를 사용해서 프론트엔드 개발을 했었는데, 지인의 강력한 추천으로 한번 사용해 보겠습니다! 👍WebStorm은 학생에게는 무료입니다. ✔ WebStorm의 역사 최초의 ..

웹이나 앱을 개발하다 보면 데이터를 예쁘게 차트로 시각화하고 싶은 경우가 생깁니다. 리액트 네이티브에도 다양한 차트 라이브러리가 존재합니다. ✔ 하지만 기업이 아닌 개인 사용자들이 만든 커뮤니티 라이브러리가 대부분이기 때문에 사용하기 전에 다운로드 수, 최근 업데이트 날짜 등을 잘 확인해야 합니다. 제가 사용해 보고 좋다고 생각한 차트 라이브러리 2가지를 추천해 드리겠습니다. 😀 1. react-native-chart-kit https://www.npmjs.com/package/react-native-chart-kit?activeTab=readme react-native-chart-kit If you're looking to **build a website or a cross-platform mobile..

리액트 네이티브 차트 라이브러리를 사용하기 위해서 install 했더니 다음과 같은 에러가 발생했습니다. 패키지 버전들이 충돌 나서 안되는 줄 알고 2일 동안 스택 오버플로와 깃허브 이슈를 엄청 찾아다녔습니다. 😪 2일간의 삽질의 흔적입니다. 😂 📝 해결방법 ⦁ java.lang.Double cannot be cast to abi47_0_0.com.facebook.react.bridge.ReadableMap ⦁ requireNativeComponent: "RNSVGSvgViewAndroid" was not found in the UIManager ✔ 다음 코드를 터미널에 순서대로 입력해 줍니다. 🎉 expo update expo prebuild rm node_modules yarn install 참고 문..

Drawer Navigation을 설치하다가 다음과 같은 에러가 발생했습니다. ERROR Error: Requiring module "node_modules\react-native-reanimated\src\index.ts", which threw an exception: Error: Failed to initialize react-native-reanimated library, make sure you followed installation steps here: https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/ 1) Make sure reanimated's babel plugin is installed i..

State는 부모 → 자식으로 밖에 값을 전달하지 못한다고 배웠습니다. 하지만 컴포넌트를 분리했을 때 자식 컴포넌트에서 연산한 데이터를 부모에서 사용하고 싶은 경우가 있습니다. Redux 등 전역 상태관리 라이브러리를 사용하지 않고도 할 수 있는 방법을 찾았습니다.😀 함수를 전달하면 됩니다. 👍 📝 자식 컴포넌트 → 부모 컴포넌트 ⦁ 📑 부모 컴포넌트 //전달 함수 const [audio, setAudio] = useState({}) const getAudio = (x) => { setAudio(x) } //return 문 ... //state 넘기듯이 함수도 넘길 수 있습니다. ✔ 자식 컴포넌트에 전달할 함수를 선언합니다. 해당 함수를 자식에서 사용하면 결과적으로는 부모 컴포넌트의 State가 변경되어..