본문 바로가기

전체 글31

react-native 기반의 iOS앱을 개발하고 등록하는 과정 중의 중요사항을 정리 react-native로 앱을 만들고 등록하는 과정중의 에러나 힘들었던 사항들을 정리하였습니다. Xcode로 iOS개발 시 빌드 방법(Error처리 포함) Build전 수행해야할 사항 npm install --save : node_modules directory생성 (후에 pod에서 node_modules안의 파일을 건드리기 때문에 sudo는 쓰지말도록 합니다.) react-native link : node.js패키지를 react-native에서 쓰기 위해 native code상의 필요한 부분에 코드를 주입시켜줍니다. link 명령어를 지원하지 않거나 manual한 link방법을 추천하는 패키지도 존재하므로 패키지 별로 문서를 한번 씩 읽어보는 것도 좋습니다.(현재 사용하는 패키지에서는 다 link사용 .. 2020. 5. 21.
connect4게임의 AI를 만들어보자 2019 1학기 김현철 교수님의 인공지능 수업을 듣게 되었습니다. AI에 사용하는 여러가지 인공지능 기법을 배우게 되었고 그 중 min-max algorithm을 실제로 구현해 보기로 하였습니당. 간단한 게임을 선택해야할 것 같아서 connect4를 선정하게 되었습니다. 구글에 참고할 만한 자료가 많이 있는 것도 선정한 이유였습니다. 게임 룰은 column을 선택해서 해당 column의 맨 위에 자신의 돌을 놓을 수 있습니다. 대각선이나 가로, 세로로 4개를 연속해서 채우면 이기게 됩니다. min-max algorithm은 기본적으로 hueristic을 1개 선정합니다. heuristic을 이용해 나의 차례에는 내 점수가 최대가 되게 상대의 차례에는 내 점수가 최소가 되게 한다는 가정을 하고 Tree를 .. 2020. 5. 21.
진단평가 사이트 기능 추가 진단 평가 사이트에서 전체적으로 부족한 부분들을 메꾸고 기능을 추가하는 작업을 맡게되었씁니다. 진단 평가 사이트는 구글 설문조사와 비슷하게 구성되어 있습니다. 선생님은 문제를 만들고 문제로 구성된 평가지를 만들어 학생들에게 배포할 수 있습니다. 학생들은 받은 평가지를 푼 후 평가를 받습니다. 말 그대로 진단 평가를 할 수 있는 학습 사이트입니다. 첫 번째로 평가지 진행률 확인 기능입니다. 해당 폴더에서 사람들이 평가지를 얼마나 진행했는지 보여주는 기능! 우측 진행률 버튼을 누르면 확인 가능하게끔 구성하였습니다. 구현은 해당 쿼리 만들고 beautify에서 datatable컴포넌트를 사용하였습니다. 두 번째로 페이지네이션~. 평가지 진행하는 사람이 많아지면서 결과 확인할 때 100명이 넘어가니 쿼리받는데 .. 2020. 5. 21.
Google Custom Search API를 이용해서 이상형 월드컵을 만들어보자! 초등학생 소프트웨어 교육을 위해서 이상형 월드컵과 비슷한 나만의 월드컵이라는 것을 만들어 보았습니당. 다음과 같이 16개의 칸에 이상형 월드컵에서 종목들을 입력하면 관련된 이미지를 Google Custom Search API를 통해 받아와서 보여줍니다. 1~2개 넣으면 2강전, 3~4개 넣으면 4강전, 4~8개 넣으면 8강, 8~16개 넣으면 16강입니다. 실행하면 다음과 같이 나옵니다. API query가 하루에 100개 넘어가면 과금되서 쿼리량을 줄어보려고 같은 단어는 이미지를 sessionStorage에 넣어서 다시 받아오도록 하였습니다. css는 spectre라는 굉장히 가벼운 라이브러리를 써서 만들었고 한 3일 걸렸나? 퀄리티가 딱 봐도 그래보이지요. 그래도 google api 써보는게 조금은 .. 2020. 5. 21.