편해지기 위한 도전 편해지기 위한 도전

Grid 관련 글 ax5ui-grid 활용하기 - 01 ax5ui-grid 활용하기 - 02 ax5ui-binder 활용하기 - 01 ax5ui-grid를 사용하여 간단한 그리드 테이블을 그리는 것을 연습해 볼까 합니다. 1. ax5ui란? ax5ui라는 자주 사용되는 여러가지 웹 상의 기능들을 손쉽게 구현이 가능하도록 도와주는 오픈 소스입니다. https://ax5.io/ ax5ui : home AX5UI Bootstrap jQuery Plugins Get ax5ui ax5.io 2. ax5ui-grid 사용해보기 2_1. html head 부분 추가하기 기본적으로 head에 포함되어야 하는 css와 javascript입니다. 다만 앞으로도 여러가지를 동시에 사용하려면 간단하게 모든 css와 javas..

Eclipse를 사용하다보면 jsp나 java 파일을 수정할 경우 tomcat이 자동으로 새로고침되며 코드가 실시간으로 반영이 되지만 javascript나 xml 파일 등을 수정할 경우에는 실시간으로 반영되지 않습니다. 해결법 Maven Install을 하면 됩니다. 해도 안될 경우에는 Maven Install 하기 전 모든 웹 사이트를 종료시키고 Explorer 쿠키를 지우면 됩니다. 또는 서버를 재실행 해주면 해결됩니다. 그럼~~

ax5ui-modal 중 iframe 기능을 사용할 때 발생했던 오류들을 정리하고자 합니다. 1. ax5ui-modal 을 중 iframe을 사용했을 때 기본적으로 발생하는 오류 Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame. iframe을 사용할 경우 위와 같은 에러 메시지가 표출되거나 chrome상 보안 오류가 발생할 수 있습니다. 해결방법은 인터넷 익스플로러나 마이크로소프트 엣지를 사용하여 테스트하면 오류가 발생하지 않음을 확인할 수 있습니다. 오류가 발생하는 이유는 local 환경에서 file:// 로 시작되는 iframe에서는 보안 상의 이유로 발생되는 오류라서 실제로 가동되..

저번 블록체인 전자투표 시스템에 관련된 포스팅을 하고나서 여러 가지 캡스톤 또는 토이 프로젝트로 할 수 있는 여러 가지 프로젝트들을 구상하고 간단히 해보면서 어떤 거를 하면 좋을까 고민을 하고있는데요. 두 번째 주제로 천안 대학 연합 커뮤니티를 구상해 보았습니다. 1. 천안 대학 연합 커뮤니티(상명+단국+백석+호서대)가 뭔데? 천안은 국내에서도 특이하게 하나의 좁은 지역에 많은 대학교가 몰려 있는 특성이 있습니다. 저도 이 대학 중 하나에 재학중이고요. 하지만 제가 학교를 나름 오래 다니면서 느낀 점은 각 대학의 물리적 거리는 가깝지만 정신적, 심리적 거리감은 상당히 멀다는 것을 알게 되었습니다. 서로 상생할 수 있는 좋은 구조를 가지고 있음에도 교류가 거의 없다는 것이죠. 그래서 '각 대학 내에만 국한..

이제 4학년이 되면서 캡스톤 디자인도 해야되고 정보보안학과인만큼 주제도 보안과 관련된 프로젝트가 어떤게 좋을지 고민하다가 블록체인에 관련된 이슈가 자주 터지고 현재 가장 연구와 상용화 서비스가 활발하게 나오고 있는 블록체인 관련 프로젝트를 하면 어떨까 생각하게 되었습니다. 1. 기획의도 단순 프로젝트로 끝나는 것 보다는 만들고 나서 주변 사람들이 사용할 수 있고 나도 자주 사용할 수 있는 프로젝트를 고민하다가 투표 시스템이 나왔는데요. 잘 안보이지만 저희 학교 이번년도 총학생회 투표 현황입니다. 전체적으로 투표율이 30%를 왔다갔다 하는 것을 볼 수 있습니다. 투표율이 낮은 이유는..(데이터적 검증은 아니고 뇌피셜입니다..) 오프라인 투표이기 때문에 관심이 낮아서 귀찮아서(학생증 지참 등등) 학교에 가야..

제가 SW마에스트로 기간동안 만들었던 프로젝트를 소개하는 포스팅을 해보려고 합니다. LISN 이라는 서비스로 한 마디로 이야기하면 AI Voice Note 입니다. Windows/Mac + Chrome 환경을 지원합니다. 현재 Mobile은 미지원 상태입니다. https://lisn.ai LISN lisn.ai 1. 기획 배경 일상생활에 많은 순간들 속에서 저희는 녹음을 하고 있고 그것을 정리해야 될 필요성을 느끼고 있습니다. 그러한 순간들에서 불편함을 호소하는 사람들이 많다는 것을 설문을 통해서 파악했고 이러한 니즈를 해결할 수 있는 서비스가 존재하면 좋겠다는 생각을 했습니다. 2. 유사 서비스 해외에서는 이미 유사한 서비스들이 많이 서비스되고 있고 국내에서도 음성을 텍스트로 변환해주는 노트 기능을 가..

4. 정렬 정렬의 개념들 중 여기서부터 조금씩 복잡하고 이해하기가 까다롭다고 느껴지는데 원리를 이해하고 실제로 코딩해보면 이해하기가 쉽습니다. 저도 아무것도 안보고 코딩하라고 하면 아직까지는 시간이 조금 소요되는 알고리즘이었습니다. 하단의 코드는 위키를 참고하여 작성하였습니다. 퀵 정렬은 피벗(Pivot)을 하나 정하고 리스트를 분할하여 정렬하는 방식입니다. 리스트 중 보통 끝 값을 피벗으로 정하고 리스트 앞에는 피벗보다 작은 값이 존재하도록 하고 뒤쪽에는 피벗보다 큰 값이 위치하도록 하면 됩니다. 원리 예시 1, 10, 4, 6, 7, 2, 5, 9, 3, 8 P 8을 피벗(P)이라고 하면 1, 10, 4, 6, 7, 2, 5, 9, 3, 8 i j P low 값 i와 high값 j를 비교하여 만약 i..

3. 삽입 정렬 삽입 정렬은 배열의 모든 요소를 앞에서부터 차례대로 비교하여, 자신의 위치를 찾아 삽입하는 알고리즘이다. 시간 복잡도는 기존 선택 정렬, 버블 정렬과 마찬가지로 n^2입니다. 선택 정렬, 버블 정렬과 달리 필요할 때만 정렬을 수행하기 때문에 어느 정도 기본적인 정렬이 된 상태라 가정한다면 조금 더 효율적인 정렬 방식이라고 할 수 있습니다. 코드 #include int main(void) { int i, j, temp; int arr[10] = { 1, 10, 4, 6, 7, 2, 5, 3, 9, 8 }; for (i = 0; i = 0 && arr[j] > arr[j + 1]) { temp = arr[j]; arr[j] = arr[j +..