프로젝트/소규모프로젝트들
JS_리액트_TodoList
리액트를 사용해서 TodoList를 만드는 소규모 프로젝트를 진행해보겠다. 패스트캠퍼스의 강의를 참조하였습니다! 리액트 프로젝트를 하나 만든 후에 2개의 라이브러리를 설치할 것이다. yarn add styled-components react-icons 여러 컴포넌트를 만들고 관리할 것인데 간단한 역할을 먼저 알아보자. TodoTemplate Todolist의 레이아웃을 담당하고 하얀색 테두리를 담당한다. TodoHead 날짜시간, 할일의 개수를 가진다 TodoList 할일에 대한 정보를 map내장함수를 사용하여 랜더링할것이다. TodoItem 할일을 표시한다. TodoCreate 새로운 할일을 등록할 수 있게 한다. 1. 회색배경화면 만들기 //App.js import React from 'react' ..
MFC를 이용한 디지털신호처리 프로그램
이번에는 MFC를 활용해서 학교에서 배우는 신호처리 내용들을 직접 실습해보고, 원리를 이해해볼 수 있는 프로그램을 구현해보도록 하겠다. 이글은 MFC에 대한 지식이 어느정도 있고, 통신이론의 개념을 알고있는 사람들이 이해할 수 있을 것 같다. 물론 매트랩이나 mathematica와같은 교육용 툴이 잘 되어있지만 MFC를 이용해서도 충분히 좋은 프로그램을 만들 수 있다는걸 소개하고 싶다. 위의 프로그램은 진행한 프로젝트의 결과이며, 필터로 sin1Hz~sin30Hz까지 더한 함수를 두었고 이 함수를 sin 1Hz + sin 100Hz 와 convolution하여 LPF의 결과를 나타낸 모습이다. 해당 프로그램의 메뉴구성은 아래와 같다. 먼저 signal1,2로 여러가지 신호들을 만들 수 있다. 밑의 Chb..
JS_독서관리 시스템
이번에는 자바스크립트를 활용하여 간단한 독서 관리 시스템을 구현해 보겠다. 기능은 로그인,독서 등록, 삭제, 수정 등등 할수있는 간단한 기능으로 도전하였다. 먼저 로그인을 해서 받아와야 하는 기능을 추가할 것이므로 API와 서버에대한 아주 기초적인 지식이 필요하다. 하지만 몰라도 간단히 설명을 보면서 할 수 있을 것이다. 기능 구현을 위해서는 axios를 알아야한다. https://github.com/axios/axios GitHub - axios/axios: Promise based HTTP client for the browser and node.js Promise based HTTP client for the browser and node.js - GitHub - axios/axios: Promis..
GitHub 클론코딩-2
9. Feature 구조-video 이 아래구조를 만들껀데.. 보면 만들어둔 inner와 길이가 안맞는 것을 알 수 있다. 그래서 크게 글, 동영상, 그림들 이렇게 3개로 구조를 나눈 후에, 설계하면 될 것 같다. 또한 화면이 줄어들었을때도 동영상크기도 줄어들고, 그림도 2줄씩 나오는걸로 변경되는게 보이는데 이 또한 직접 해주어야 한다! Welcome home, developers GitHub fosters a fast, flexible, and collaborative development process that lets you work on your own or with others. 다음과 같이 우선 video의 구조를 잡은 후에, 비디오를 16:9의 비율로 맞춰서 출력하고자 한다. 비디오를 16:..
GitHub 클론코딩-1
이번에는 지금까지 배운 HTML 내용과 CSS공부한 내용들을 바탕으로 GitHub 클론코딩을 한번 해보고자 한다. https://github.com/HeropCode/GitHub-Responsive GitHub - HeropCode/GitHub-Responsive: GitHub Introduction Page (Responsive Web) GitHub Introduction Page (Responsive Web). Contribute to HeropCode/GitHub-Responsive development by creating an account on GitHub. github.com 위 링크에서 필요한 아이콘, 이미지파일들을 얻을 수 있었다. 1. HEAD설정. 오픈그래프와 트위터 카드 우선 처음에..
01_디지털 필터설계(C++)
C++을 이용하여 LPF를 설계하는 과정을 했던 프로젝트이다. 예전에 했던프로젝트라 부족한면도 많긴 하지만, 코딩하면서 꽤 재미를 느끼게 된 프로젝트이고, 코딩과 신호처리를 한번에 아우를 수 있어서 뜻깊었던 프로젝트였던 것 같다. 살면서 처음해본 프로젝트이기도 하다. 언어는 C++를 사용했고, mfc나 기타 헤더파일없이 직접 한땀한땀 쳐가면서 해본 프로젝트라서 나름 감명깊은 프로젝트였다. 적분기호들로 나타내져있는 수식들을 디지털로 나열하고, 배열의 공간 개념등이 어느정도 적용되어 있어야 하며, Foruier Transform 및 기타 신호처리 지식이 어느정도 있으면 디지털에서의 신호필터설계가 어떻게 되는지 이해하기 굉장히 편할 것이라고 생각한다. 우선 LPF란 무엇인지 아는것이 필요하다. LPF란 Low..