본문 바로가기

분류 전체보기73

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.
C언어 windows.h를 웹에서 사용 결론은 불가능하다. 이걸 왜 찾고 앉았냐면... 먼저 가상키보드 프로젝트를 진행하고 있는데, 좀 더 완벽하게 만들려고 실제로 한/영 버튼을 누르면 웹 상에서도 가상키보드의 한/영 상태가 바뀌는 기능을 구현하려고 했었다. 찾아보니 컴퓨터 내부에 좀 더 가깝게 접근이 가능한 C언어를 이용해서 한/영 상태를 알아내는 방법이 있었다. 그래서 간단하게 생각해서 기능이 작동하는 C 프로그램을 작성해서 Javascript로 포팅을 하면 되겠구나라고 결론을 내리고 검색을 했다. 관련된 프로그램들을 설치하고 C언어로 코드 작성해서 컴파일을 했더니 windows.h 헤더파일은 컴파일이 안된다고 떴다. 그 이유는 javascript는 보안상의 이유 때문에 컴퓨터의 상태에 접근이 불가하고, 만약 windows.h 를 컴파일 .. 2022. 8. 21.
별마당 도서관에서 박람회 관람을 마치고 잠깐 별마당 도서관에 갔었다. 의자에 가만히 앉아서 생각을 해보니 정말 막막했다. 앞으로의 내 인생이.. 며칠 전까지만 해도 꼭 취업을 하겠다고 마음을 먹고 열심히 계획했는데, 막상 지나고 보니 열정에 의한 객기로 밖에 보이지 않는다는 생각이 들었다. 일단은 취업을 해야 하니 그나마 할 줄 알고 관심이 있었던 프런트 쪽으로 가기로 확실하게 정했다. 취업을 하기 전까지는 절대 바뀌지 않도록 오직 해당 분야만 파고들 것이다. 1. 프로젝트 - 간단한 프로젝트들을 여러 개 제작 - 프로젝트들을 소개하는 페이지 제작 2. 기본 개념 익히기 - 프런트엔드 기술에 관련된 기본 개념 및 핵심 이론 등 블로그에 정리 - 취업하고자 하는 회사의 기술 스택 3. 최근 프론트 기술 동향 - 관련 뉴스나.. 2022. 8. 20.

티스토리툴바