-
[mini project] Drag typing (chromeExtension, getSelection(), Hangul.js)project 2020. 9. 28. 23:33
타이핑 연습을 하다가 시작한 미니 프로젝트입니다. 얼마 전 새로운 키보드가 생겼습니다. 맥북 에어 키보드에 적응되어있는 손가락이 갈 길을 찾지 못하고 엉뚱한 곳으로 가서 타이핑 연습을 해야 했습니다. 연습하던 중 지금 보고 있는 페이지의 단어들을 타이핑하면 재미있겠다는 생각과 틈틈이 연습하고 싶은 마음이 들어서 프로젝트를 시작했습니다. 타이핑 연습을 하는데 굳이 연습하는 페이지를 찾아 들어가야 한다는 불편함과 그 페이지에서 제공하는 단어가 적어서 같은 단어를 반복해서 타이핑하는 지루함이 있었습니다. 그래서 직접 원하는 문장을 드래그하여 타이핑 연습할 수 있는 크롬 확장 프로그램을 만들어야겠다는 생각이 든 겁니다. 만들기 위한 준비 1. 구글 크롬 확장 프로그램을 만드는 방법 2. 페이지에서 드래그하여 선..
-
[이인용] 프로젝트 회고project 2020. 8. 19. 18:44
0px 프로젝트 컨셉 문제와 발견 [문제] 유저의 다른 클라이언트 사이즈 캔버스와 소켓 조합의 무거움 [발견] 어려움 속에서 발견된 게임 간단한 기능의 커다란 즐거움 이인용 2020. 07. 14 - 08. 11 concept + Socket.io = Online Game 추억의 이인용 오락실 게임을 온라인으로 즐기자! position 프런트엔드 프런트엔드로서 게임 화면을 구성하는 작업을 맡았습니다. 게임을 구현하며 겪게 된 두 가지 문제와 발견을 정리해봅니다. 문제 1. 두 유저의 다른 클라이언트 사이즈 2. 캔버스와 소켓 조합의 무거움 발견 1. 어려움 속에서 발견된 게임 2. 간단한 기능의 커다란 즐거움 첫 번째 문제 두 유저의 다른 클라이언트 사이즈 제작되는 게임 중에는 순발력이 있어야 하는 두더..
-
[이인용] 두번째 프로젝트 기록project 2020. 7. 14. 22:12
20.07.14 두 번째 프로젝트인 이 시작되었습니다. 이번 프로젝트는 4주 동안 진행되며 웹에서 앱으로 확장되어 다양한 경험을 주게 될 것입니다. Front-end를 맡게 되어 React와 React Native, 를 주로 만지게 됩니다. 20.07.15 작업을 시작하기 전에 어떻게 만들어가야 하는지 자세하게 그려보고 있습니다. 협업 툴인 miro에서 워크플로우와 스키마를 작성하고 이를 바탕으로 API문서, 태스크 카드를 작성했습니다. 한 화면에 할 일들을 나열하니 첫 프로젝트의 시작단계에서 느꼈던 부담스러운 감정이 다시 떠오릅니다. 첫 번째 프로젝트도 마칠 수 있었으니 이번에도 그러길 바랄 뿐입니다. 20.07.16 하나씩 화면에 놓은 것들을 모아서 한 페이지에 정리하고 피드백을 받았습니다. 생각지도..
-
[산성비] 첫 프로젝트의 시작과 끝project 2020. 7. 13. 22:57
산성비 2020. 06. 29 - 07. 10 concept 타이핑 게임 + 코드 코딩을 시작한 우리에게는 타이핑마저 어렵다! 아이디어를 내고 팀원들과 함께 만드는 팀 프로젝트를 처음 진행하게 되었어요. 풀스택 포지션으로서 Express와 Sequelize를 다루며 서버를 구현하였고, 로그인 화면을 구성하여 유저의 권한 설정에 대한 서버 요청까지 맡게 되었죠. 또한 팀장으로서 작업이 어떻게 진행되는지 머릿속에 그림을 그리며 단계적으로 해야 할 일을 미리 생각해야 했어요. 부담감이 상당했지만 적극적인 팀원들 덕분에 끝까지 해낼 수 있었어요. 스테이지 수정 권한 기존의 산성비 게임은 단순히 내려오는 텍스트를 빠르고 정확하게 타이핑하는 데에 그쳤지만 이번 프로젝트의 서비스에는 유저가 자신만의 스테이지를 생성,..