개발52 Project 1 : 가상키보드(4) - 개발 완료 어제 오늘 나름 집중을 해서 프로젝트를 완성 시켰다. 원래 가상 키보드는 2D로 충분한 기능을 수행하지만, 3D를 적용시켰을 때 어떤 모습일지 궁금했었다. 그래서 관련된 프로젝트들을 찾아보다가 3D가 적용된 키보드를 보게 됐다. 바로 적용해봤다. 해당 코드를 계속 보면서 웹페이지에서 수정한 다음 정상작동이 되면, 그걸 코드에 적용시키고 이걸 반복하면서 내가 어느정도 원하는 기능이 구현이 됐었다. 그런데 난관에 부딪혔다. 내가 원하는 방식으로 구현할려면 처음부터 다시 짜거나 아니면 기존 코드에 수정을 가하는 방식으로 해야 됐다. 나는 후자를 선택했고, 그 과정에서 css의 transform, property, display, position 등에 대해서 여러가지 공부를 하게 됐다. css에서 가장 힘들었던.. 2022. 8. 26. 개발에 대한 생각 가만히 생각해보니 한달 정도 빡세게 공부한 초등학생도 기본적인 이미지 슬라이더를 구현이 가능하다고 생각이 들었다. 그러면 개발자가 되려면 이것보다 훨씬 더 잘해야 하고 설계와 프로젝트 진행 방향 및 업무 지시 등 이런 능력들이 기본적으로 갖춰져야 되는 거 아닌가? 내가 개발자가 되려는 이유는 일반적으로 개발에 대해서 공부하는 사람들보다 더 뛰어나고 싶고, 업무를 진행하면서 그에 합당한 대우를 받고 싶기 때문이다. 지금의 나를 객관적으로 본다면 개발자가 되기에는 무리인 것 같다. 하지만 3개월 뒤에는 달라져 있을 것이다. 일단 지금 보고 있는 강의를 최대한 빨리 끝낸 뒤에 서류, 면접 등 취업을 위한 준비를 해야 한다. 강의 보는 건 2주 안에 무조건 완강을 해야 한다. 물론 지금 내 수준에 처음부터 보는.. 2022. 8. 24. Project 2 : 이미지 슬라이더(1) - 개발 완료 이전에 했던 가상 키보드 보다는 쉬웠다. 원래는 강의만 보고 따라하면 1시간도 걸리지 않는 프로젝트인데, 최대한 안 보고 기능만 똑같이 구현하도록 노력했다. 그래서 좀 시간이 걸렸다. 갑자기 든 생각이 내가 개발하는 방식은 먼저 어떻게 기능을 구현할지에 대해서 떠올릴 때까지 멍 때리면서 생각을 한다... 그리고 생각을 바탕으로 검색을 하거나 직접 구현을 해본다. 이게 맞는 것일까..? 그래도 이런식으로 반복하면 시간은 꽤 걸리지만 기분은 좋다. 내가 스스로 짠 코드고, 그에 맞는 코드를 찾아서 적용시켜서 부드럽게 돌아가는 프로그램을 만들었으니... 어쨌든 내가 생각했을 때는 최대한 깔끔하게 작성한 코드인 것 같다. 설명은 다 해놨으니 모르는게 있다면 댓글 달아주세요. // src/js/ImageSlide.. 2022. 8. 24. 구현하고 싶은 기능 및 프로젝트 목록 1. 프로젝트들을 소개하는 사이트 프로젝트 2. 사용된 프로그래밍 언어의 빈도를 나타내는 그래프 3. 3D로 구현된 웹사이트 4. 라즈베이파이로 집의 전자기기와 통신 및 상호작용 5. 마우스와 eye-tracking을 결합한 혼합 인터페이스 6. 프로그래밍 언어 제작 7. 물건 검색 애플리케이션 제작 2022. 8. 23. Project 1 : 가상키보드(3) - 개발 중간 완료 오늘은 강의를 보면서 프로젝트를 진행했다. 추가한 기능은 별거 없다. 1. 마우스 클릭으로 입력 창에 키 입력되는 기능 강의를 따라가되 기능은 똑같이 구현하면서 내부적으로 소스코드는 다른 방식으로 구현을 했다. 강의에서는 그냥 하나의 함수에서 여러 다른 기능들이 돌아가도록 했다. 나중에 그 코드가 쓰일 지는 모르겠지만, 한 함수에 하나의 기능을 하는 방식으로 구현을 하면 나중에 유지보수 측면에서 봤을 때 좋을 것 같다는 생각에 그렇게 구현했다. 일단 이벤트 연결 함수 관련 코드로 onMouseUp, resetKeyState, onWriteKey가 있다. 이 함수들은 각각의 상황에 맞는 이벤트가 발생했을 때 실행된다. onMouseUp 함수는 말 그대로 마우스를 누른 다음에 땠을 때 발생하는 이벤트 함수이.. 2022. 8. 22. Project 1 : 가상키보드(2) - 개발 진행 상황 강의 자료에서 제공하는 html, css 기본 템플릿을 적용했다. 그리고 강의에서 보여주는 기능들은 누구나 다 할 줄 아는 것이니까.. 마음이 가질 않았다. 그래서 기능을 추가했다. 강의에서는 특수 키가 아예 먹히지 않는 것처럼 UI를 만들었다. 난 그렇게 만드는 건 마음에 안 들어서 다르게 만들었다. 1. 특수키를 입력하면 화상키보드에서 효과가 나오도록 변경 - 대신 기능들은 막아놓는 방향으로 추가했다. 2. 키보드를 누른 상태에서 마우스로 다른 곳을 클릭하면 자국이 그대로 남는 오류수정 3. 오른쪽 마우스 클릭 금지 아래는 현재 개발 진행 중인 화면이다. 패스트캠퍼스 강의를 본 사람들은 알겠지만 위의 화면과 기존에 강의자료에서 제공한 html은 거의 비슷하다는 것을 알 수 있을 것이다. 오른쪽 상단을.. 2022. 8. 22. 이전 1 2 3 4 ··· 9 다음
