실행 화면 (글 상세보기) 소스코드 글 상세보기 (view.jsp) 과제 홈 게시판 본문 이미지와 제목, 글 내용이 적절하게 보여질 수 있도록 컨트롤을 적절히 배치하고 boardView URL로 Controller에 요청을 보내 image와 title, contents에 조회한 내용들을 삽입하여 보여줍니다. Controller (IndexController) @Controller public class IndexController { @Autowired private BoardService s; @RequestMapping(value="/view", method=RequestMethod.GET) public String view() { return "view"; } @RequestMapping(value..
실행 화면 (글 등록) 소스 코드 글 등록 화면 (write.jsp) 과제 홈 게시판 글쓰기 제목: 내용: 글쓰기 화면은 위와 같이 제목, 내용, 그리고 이미지 첨부를 할 수 있게끔 만들었습니다. 해당 화면에서 글을 작성하고 글쓰기 버튼을 누르면 writeAction이라는 url로 controller에 요청이 가게 됩니다. 파일 첨부 기능 구현 시 form의 메서드를 post / enctype을 multipart/form-data로, input type="file"로 해주고 컨트롤러에서는 MultipartFile 받아주면 됩니다. Controller (IndexController) @Controller public class IndexController { @Autowired private BoardSe..
SpringBoot를 활용하여 간단한 게시판을 만들어야 할 일이 있어 급하게 만든 초간단 게시판을 공유합니다. 총 4개의 포스팅으로 작성할 예정이며 전체 소스는 마지막 게시글에서 GitHub링크를 남겨드리도록 하겠습니다. 최소한의 게시판이 돌아가게끔 기본적인 틀만 정해서 구현하였기에 이 게시판을 기초로 살을 붙여나가며 사용하시면 좋을 듯합니다. SpringBoot와 데이터베이스는 MySql을 사용하였고 SpringBoot에서 데이터 베이스 접근은 마이바티스 라이브러리를 사용해 접근했습니다. 주요 기능 1. 게시판 리스트 출력 2. 게시판 글 등록 (이미지 첨부) 3. 게시판 상세보기 4. 댓글과 대댓글 (계층형 댓글) 실행 화면 (게시판 리스트 출력) 테이블 생성 CREATE TABLE `tb_board..
안녕하세요 코딩팩토리입니다. 코로나와 함께한 2020년도가 끝이 나고 새해가 밝았습니다. 작년에도 제 블로그에 방문해주신 모든 분들께 진심으로 감사드립니다. 개인적으로 작년에 많은 일들이 생겨 블로그를 많이 소홀히 했다는 생각이 듭니다. 블로그 권태기가 와서 일정기간 포스팅을 쉰 적도 있습니다. 또 재미가 아닌 의무감으로 억지로 글을 쓰다 보니 제가 발행하는 포스팅에 점점 영양가가 떨어지고 있다는 생각이 듭니다. 이 부분에 대해서는 진심으로 사과의 말씀을 드립니다. 블로그를 다소 소홀히 했음에도 불구하고 의미 있는 성과가 많이 있었습니다. 이번 포스팅에서는 작년 한 해의 제 블로그의 기록들을 글로 남기고자 합니다. 2020년도 블로그 결산 2020년도 제 블로그를 구글 애널리틱스로 분석한 자료입니다. 사..
얼마 전 원격 제어를 해야 할 경우가 생겨 팀뷰어를 설치하려다가 프로그램 설치가 아닌 구글 원격 데스크톱이라는 크롬 확장 프로그램으로 좀 더 가볍게 원격을 할 수 있는 방법을 알게 되어 포스팅으로 작성해보고자 합니다. 크롬 원격 데스크톱은 어느 컴퓨터에서든지, 구글 계정에 등록해 둔 컴퓨터만 있으면 별도의 프로그램 설치 없이 PC 원격 제어가 가능합니다. 심지어, 핸드폰 어플리케이션을 활용하여 핸드폰으로도 컴퓨터를 먼 곳에서 제어가 가능합니다. 크롬 원격 데스크톱 메인 페이지를 보시려면 아래 링크로 들어가시면 됩니다. remotedesktop.google.com/home 크롬 원격 데스크톱 원격 설치 1. 아래 링크로 들어가 로그인을 하고 다운로드 버튼을 눌러 크롬에 원격 데스크톱 확장 프로그램을 설치합..
최근에는 영화나 뮤직비디오 같은 영상들은 기본적인 16:9 비율을 넘어서 영상에 대한 몰입감이 가장 좋다는 21:9 비율로 만들어지는 추세입니다. 또한 이러한 추세에 비례하여 일반 16:9의 비율을 가지고 있는 모니터가 아닌 21:9 비율의 와이드 모니터까지 서서히 판매가 증가되고 있습니다. 저희 집 모니터도 와이드 모니터를 사용하여 영상을 시청하고 있는데요. 하지만 모니터의 비율과는 달리 유튜브에서는 비율을 조정하는 기능이 없어 영상의 겉 부분에 검은색 테두리가 그려져 모니터를 최적의 효율로 사용하지 못하고 있었습니다. 저와 같이 와이드 모니터를 사용하시는 분이라면 유튜브 특히 유튜브에서 구매한 영화등을 시청하다보면 위와 같이 검정색 화면이 거의 반 이상 차지하는 불편함을 느끼시는 분이 있으실 겁니다...
짧은 동영상이라면 영상을 삽입하는것 보다는 GIF파일 (움짤)로 변환해서 활용하는것이 좋을때가 있습니다. 동영상을 GF로 만드는 방법은 크게 동영상을 GIF로 변경해주는 사이트를 사용해주는 방법과 프로그램을 사용하는 방법이 있습니다. 이 두가지 방법 중 사이트를 이용하는 것이 설치도 필요없고 혹여나 프로그램을 다운받으면서 생기는 피해 (바이러스나 악성코드)를 예방할 수 있기에 추천드립니다. 동영상 파일을 GIF로 변환하기 (GIF 변환 웹 사이트 사용) 1. 아래에 링크된 사이트에 접속하여 가장 첫번째있는 탭 Video to GIF를 선택하고 변환 할 파일을 선택한 뒤 Upload video! 버튼을 누릅니다. ezgif.com/video-to-gif 2. 위에 업로드 된 영상을 재생하여 움짤(GIF)파..
리드미(README)란? README는 쉽게 말해서 프로젝트 소개글이라고 할 수 있습니다. 일반적으로 디렉토리나 압축 파일에 포함된 기타 파일에 대한 정보를 포함하고 있으며, 일반적으로 소프트웨어와 함께 배포됩니다. 또한 현재 Git과 같은 코드 저장소에서도 해당 파일을 기본값으로 생성되게 하여 해당 저장소에 대한 설명을 기입하도록 유도하고 있습니다. 다른 확장자를 사용할 수도 있겠으나 기본적인 README의 확장자는 md인데 이것은 마크다운(Markdown)의 약자입니다. 만약 리드미 파일이 없다면 아래에 리드미를 작성하는 것을 권장하는 창이 뜹니다. README 작성방법 1. 최근에는 프로젝트를 업로드하면 자동으로 리드미 파일이 생깁니다. 직접 리드미 파일을 만들어서 레파지토리에 Push를 하여도 되..
깃의 Remote origin already exists 에러는 기존에 연결되어 있는 레파지토리가 다시 새로운 레파지토리에 소스코드를 올리려고 하면 발생되는 에러입니다. 해결방법은 간단합니다. 위와 같이 원격 저장소와의 연결이 되어 있다고 하니 기존의 연결을 끊고 새로 올리고 싶은 곳에 소스코드를 올리면 됩니다. 해결 방법 1. git remote remove origin 명령어를 입력해서 기존에 연결되어 있는 원격 저장소와의 연결을 끊어줍니다. 2. git remote add origin [새롭게 연결할 깃 레파지토리 주소] 명령어를 입력합니다. 3. git remote -v 명령어를 입력해서 로컬 저장소를 원격 저장소에 연결시켜줍니다. 4. git push origin master 명령어를 입력해서 ..
GitHub에서 원격저장소를 만든 뒤 Git Bash를 활용하여 Push하는 방법입니다. GitHub Repository 생성 1. 아래 URL을 클릭하여 GitHub로 들어간 뒤 로그인 하고 좌측 상단에서 저장소 NEW 버튼을 클릭합니다. https://github.com/ 2. 생성 할 Repository의 주소와 설명등 상세 설정을 한 뒤 저장소 생성을 클릭하여 Repository를 생성합니다. git bash에서 소스 push 1. 원하는 소스폴더에서 git bash를 실행시킵니다. 2. $ git init/p> 깃을 init 시켜줍니다. (로컬저장소 만들기) 3. $ git status 올라가 파일이 있는지 현재 폴더에 있는 파일들을 확인합니다. 지금은 파일들이 빨간색으로 되어있지만 add작업을..
GIt을 사용하려면 먼저 Git이 PC에 설치되어 있어야합니다. Git설치방법에 대해 알아봅니다. 윈도우버전 Git설치하기 1. Git 설치파일을 다운로드 받습니다. 아래에 링크되어 있는 페이지에 들어가서 자신의 OS에 맞는 Git 설치버전을 받아주세요. Git다운로드 링크 바로가기 2. 약관을 읽어주고 Next를 눌러줍니다. 3. 설치경로를 선택하고 Next를 눌러줍니다. 4. 설치할 Component들을 선택합니다. 저는 기본으로 선택되어 있는것 이외에는 추가로 설치하지않고 Next를 눌러 진행하겠습니다. 5. 시작 메뉴에 폴더를 만듭니다. 시작메뉴에 폴더를 추가하고 싶지 않다면 Don't create a Start Menu folder 체크박스를 클릭하고 Next를 눌러주세요. 6. 깃의 기본에디터..
비쥬얼 스튜디오에서는 Ctrl + F5를 사용하여 디버깅 하지 않고 시작할 수 있습니다. 이렇게 하면 바로 명령 프롬프트(cmd)창이 실행되면서 결과값을 확인할 수 있죠. 하지만 어떠한 이유인지는 모르겠으나 비쥬얼 스튜디오를 켜고 빈프로젝트를 하고 실행을 시켰는데 콘솔창이 시작과 동시에 계속 꺼졌습니다. 본래는 프로그램이 시작되고 프로그램이 종료되면 cmd창은 꺼지는것이 맞습니다. 하지만 이렇게 콘솔창이 사라지게 되면 짜놓은 소스코드의 결과물을 확인할 수 없기때문에 Visual Studio는 자동으로 프로그램이 종료되기 직전에 프로그램을 멈추어주는것으로 알고 있었는데 어떠한 이유인지는 모르겠으나 이 부분이 제대로 작동이 되지 않고 있었던 것 같습니다. system("pause"); 코드를 마지막에 삽입하..
MySQL이란? MySQL은 전세계에서 많이 사용하는 빠른 작동과 경쾌함이 장점인 오픈 소스 관계형 데이터베이스 관리 시스템(RDBMS)입니다. MySQL은 오픈소스로 이루어져있고 여러 운영체제에서 동작이 가능하며 많은 프로그램 언어를 지원한다는 장점이 있습니다. 유료버전도 따로 있으나 대부분은 무료버전을 사용하셔도 큰 무리가 없습니다. MySQL 설치 / 다운로드 방법 1. 오늘은 윈도우 10에서 MySql을 한번 설치해보려고 합니다. 아래에 링크된 사이트로 접속하여 최신버전의 MySql Install 파일을 다운 받습니다. 최소용량으로 설치하려면 2.5M의 installer를 설치해주세요. dev.mysql.com/downloads/installer/ 2. 오라클 계정에 로그인 하라고 하는데 로그인 ..