본문 바로가기

분류 전체보기

 (224)
jQuery-checkbox(체크박스) 제어 하기 ▶체크박스 체크 여부 확인(checked) $('input:checkbox[id="체크박스아이디"]').is(":checked")==true $('input:checkbox[name="체크박스네임"]').is(":checked")==true $("#체크박스아이디").is(":checked"); // jquery의 아이디 선택자 -'#' (클래스 선택자 -'.') ▶체크박스 전체 개수 $('input:checkbox[name="체크박스네임"]').length //id는 중복 사용이 불가하므로 전체 체크 여부 혹은 길이를 구할 때에는 name을 이용 ▶체크박스 체크된 요소 개수 $('input:checkbox[name="체크박스네임"]:checked').length //위와 같은 이유로 name 사용 ▶체크..
STS (Spring Boot) 게시판 CRUD_3. Bootstrap 적용과 SiteMesh 설정 나의 초라한 실력으로는 게시판을 절대로 이쁘게 꾸밀 수 없다는 것을 알기에 부트스트랩을 적용해보았다. Free Bootstrap Themes, Templates, Snippets, and Guides - Start Bootstrap 위 사이트를 이용하였는데, 무료 템플릿이 몇 개 있어서 로그인 한 뒤 마음에 드는 템플릿을 골라 다운받으면 된다. 부트스트랩을 사용하면 별도의 프론트 작업을 할 필요가 없기 때문에 시간이 매우 단축되고 여러 기능들도 포함되어 있어 개발 시 매우 편리하다. 마음에 드는 템플릿을 골라 다운받은 후 압축을 해제하면 다음과 같은 화면을 확인할 수 있다. 여기서 css,img, js,scss,vendor 폴더를 복사하여 그대로 스프링부트에 붙여넣기를 한다. static 폴더에 boot..
STS (Spring Boot) 게시판 CRUD_2. MVC 패턴의 이해와 MyBatis를 이용한 DB 연동 ◎ MVC 패턴이란 모델-뷰-컨트롤러(Model-View-Controller)의 약자로 소프트웨어 공학에서 사용되는 디자인 패턴 중 하나이다. 디자인 패턴이란 "소프트웨어 개발 시 공통적으로 발생하는 문제를 해결하기 위한 해결책"으로 문제 상황에 맞게 쓰이는 템플릿이다. MVC 패턴은 이 중 하나로 응용 프로그램을 세 가지의 요소로 나누어 개발하는 방법론이다. 비즈니스 처리 로직과 사용자 인터페이스를 분리하여 개발하기 때문에 서로 간에 영향을 최소화하여 개발하기 편리하다는 장점이 있기 때문에, 이번 프로젝트에서 MVC 패턴을 사용하였다. 그렇다면, 모델, 뷰, 컨트롤러 각 요소는 어떤 역할을 하는지 살펴보자. ◈ Model - 백그라운드에서 이루어지는 내부 비즈니스 로직을 처리하기 위한 부분으로 어플리케..
STS (Spring Boot) 게시판 CRUD_1. 프로젝트 생성과 소스 트리 연동 인턴생활을 하며 실무에서 사용되는 프로그램인 Spring Boot의 사용법과 MVC 패턴의 로직을 익혔다. 이번에는 직접 STS 프로젝트를 생성하여 소스트리를 이용해 형상 관리 하는 과정을 정리해보려고 한다. *이 방법은 github에 먼저 repository를 생성하였을 때 소스트리와 연동하는 방법이다. 즉, clone을 사용하였는데 보통 이미 만들어진 프로젝트 개발에 참여할 경우 git clone을 사용하기 때문에 직접 프로젝트 생성 시에는 git init을 사용하는 것이 편리하다. (밑에 추가하였다.) 우선, github 계정에서 repository를 생성한다. 이때, 파일을(README.md) 꼭 생성해주어야 한다. repository에 아무것도 들어가있지 않으면 이후 소스트리에 프로젝트를 연동할..
[졸업 프로젝트]_4. 프로젝트 구현 결과와 의의 + 개인적 후기 한 학기 동안 모든 수업 중 가장 시간을 많이 쏟았고, 관련 논문과 구글링을 해가며 열심히 프로젝트에 참여했다. 처음에는 조원들에게 피해는 주지 말자고만 생각했는데, 프로젝트를 진행할 수록 욕심이 커져갔다. 이 부분도 내가 맡아서 진행해보고 싶고, 저 부분도 내가 맡아서 진행해보고 싶고.. 그러나 내가 맡은 부분만 해결하는 데도 꽤나 많은 시간이 걸렸고, 나의 어떤 부분이 부족하고, 앞으로 어떤 공부를 해나가야 할지에 대해 감이 잡히기 시작했다. 그런 의미에서 이번 프로젝트는 나에게 상당히 의미가 크다. 결정적으로, 앞으로 백엔드 개발자가 되고 싶다는 구체적인 진로를 정하게 되었고, 그러기 위해서 어떤 준비를 해 나가야하는지 깊이있게 고민해 볼 수 있던 시간이었다. 프로젝트 완성 후 마지막 수업시간에 각..
[졸업 프로젝트]_3. 알고리즘 설계와 구현(2차 알고리즘)_+Teachable Machine 활용법 유기견을 품종 분류를 위한 모델로 구글의 머신러닝 라이브러리인 Teachable Machine을 활용하기로 하였고, 따라서 사용법과 코드 로직에 대한 이해가 필요했다. (Teacheble Machine을 줄여서 TM이라고 하겠다.) 우선, TM의 활용 방법을 익히기 위해 조코딩님의 영상을 참고했다. https://youtu.be/USQGTW34lO8 우리 프로젝트에서 Teachable Machine을 어떻게 활용했는지 활용법을 간략히 정리하자면 다음과 같다. 이미지를 업로드하거나 웹캠을 사용하여 Teachable Machine에 이미지를 학습시킨다. 학습시킨 모델을 export한다. (tensorflow, tensorflow.js, tensorflow Lite 3가지 방법) 우리가 사용할 모델을 다운로드..
[졸업 프로젝트]_2. 알고리즘 설계와 구현(1차 알고리즘) 알고리즘 설계는 크게 1차와 2차로 나누어 설계, 구현하였는데, 1차 알고리즘은 강아지의 품종별 평균 무게와 체고값을 이용하여 품종을 가려내는 알고리즘으로 우선적으로, 품종별 강아지의 무게와 체고값을 분류하여 정리하는 작업이 필요했다. 따라서, 세계애견연맹(FCI)의 견종 표준을 참고하여 우리가 사용할 64종 강아지의 무게와 체고값을 분류하여 데이터베이스를 생성하였다. 다뤄야하는 데이터의 크기가 크지 않았기 때문에 엑셀파일에 각각 수컷 품종별 데이터와, 암컷 품종별 데이터를 정리한 후 DB Browser for SQLite를 이용하여 바로 데이터베이스를 생성하였다. (학교 수업에서는 SQLite를 다뤘었고 이때는 최대한 배운 것을 많이 활용하고자 하는 생각이었기 때문에 SQLite를 다룰 수 있는 DB ..
[졸업 프로젝트]_1. 주제 선정 및 연구 배경 설명 비록 이중전공이긴 하나 그래도 졸업 요건을 충족해야하기 때문에 4학년 1학기 수업을 들으며 졸업 프로젝트를 진행했다. 우리 팀원은 총 4명이었고, 처음부터 끝까지 충돌 없이 프로젝트를 잘 마무리했다. (가장 걱정하던 수업이었는데 함께 해준 팀원들 덕분에 한 학기 내내 큰 어려움 없이 잘 마무리 할 수 있었다.ㅠㅠ) 주제를 잘 선정하는 것이 중요하기 때문에 팀원들 각자 주제를 생각해서 공유하기로 했다. 프로젝트를 따로 진행해본 적이 없었기에 어떤 주제를 다루어야하며, 졸업 프로젝트에서 얼마만큼의 역량을 요구하는지 가늠할 수 없었기 때문에 상당히 난관이었다. 이중전공으로 컴퓨터를 배우긴 했지만.. 이 실력으로 프로젝트를 진행하기에는 무리가 있다고 생각했었기 때문에.. (자세한 후기는 프로젝트 포스팅 마지막에..
728x90

티스토리툴바