분류 전체보기(1085)
-
ETC./Spring
2021.01.05
[Spring] 스프링 부트 게시판 만들기-4 계층형 댓글 만들기
실행화면 (계층형 댓글) 테이블 생성 CREATE TABLE `tb_reply` ( `idx` INT NOT NULL AUTO_INCREMENT, `board_idx` INT, `reply_idx` INT, `contents` TEXT NULL, PRIMARY KEY (`idx`)); 댓글 테이블 tb_reply를 추가해줍니다. idx(댓글 번호), board_idx(글 번호), reply_idx(상위 댓글번호), contents(댓글 내용)입니다. 가장 위에 있는 Root 댓글은 reply_idx가 0이고 하위 댓글들은 reply_idx로 상위댓글의 idx를 참조하도록 설계하였습니다. 소스코드 function 추가 (view.jsp) function drawReply(replys) { $("#cnt")..
-
ETC./Spring
2021.01.04
[Spring] 스프링 부트 게시판 만들기-3 글 상세보기 페이지 만들기
실행 화면 (글 상세보기) 소스코드 글 상세보기 (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..
-
ETC./Spring
2021.01.03
[Spring] 스프링 부트 게시판 만들기-2 게시판 글 등록 (이미지 첨부)
실행 화면 (글 등록) 소스 코드 글 등록 화면 (write.jsp) 과제 홈 게시판 글쓰기 제목: 내용: 글쓰기 화면은 위와 같이 제목, 내용, 그리고 이미지 첨부를 할 수 있게끔 만들었습니다. 해당 화면에서 글을 작성하고 글쓰기 버튼을 누르면 writeAction이라는 url로 controller에 요청이 가게 됩니다. 파일 첨부 기능 구현 시 form의 메서드를 post / enctype을 multipart/form-data로, input type="file"로 해주고 컨트롤러에서는 MultipartFile 받아주면 됩니다. Controller (IndexController) @Controller public class IndexController { @Autowired private BoardSe..
-
ETC./Spring
2021.01.02
9
[Spring] 스프링 부트 게시판 만들기-1 게시판 리스트 출력
SpringBoot를 활용하여 간단한 게시판을 만들어야 할 일이 있어 급하게 만든 초간단 게시판을 공유합니다. 총 4개의 포스팅으로 작성할 예정이며 전체 소스는 마지막 게시글에서 GitHub링크를 남겨드리도록 하겠습니다. 최소한의 게시판이 돌아가게끔 기본적인 틀만 정해서 구현하였기에 이 게시판을 기초로 살을 붙여나가며 사용하시면 좋을 듯합니다. SpringBoot와 데이터베이스는 MySql을 사용하였고 SpringBoot에서 데이터 베이스 접근은 마이바티스 라이브러리를 사용해 접근했습니다. 주요 기능 1. 게시판 리스트 출력 2. 게시판 글 등록 (이미지 첨부) 3. 게시판 상세보기 4. 댓글과 대댓글 (계층형 댓글) 실행 화면 (게시판 리스트 출력) 테이블 생성 CREATE TABLE `tb_board..
-
일상/블로그
2021.01.01
17
[블로그] 2020년 블로그 결산 (누적 방문자 수 1천만명 돌파)
안녕하세요 코딩팩토리입니다. 코로나와 함께한 2020년도가 끝이 나고 새해가 밝았습니다. 작년에도 제 블로그에 방문해주신 모든 분들께 진심으로 감사드립니다. 개인적으로 작년에 많은 일들이 생겨 블로그를 많이 소홀히 했다는 생각이 듭니다. 블로그 권태기가 와서 일정기간 포스팅을 쉰 적도 있습니다. 또 재미가 아닌 의무감으로 억지로 글을 쓰다 보니 제가 발행하는 포스팅에 점점 영양가가 떨어지고 있다는 생각이 듭니다. 이 부분에 대해서는 진심으로 사과의 말씀을 드립니다. 블로그를 다소 소홀히 했음에도 불구하고 의미 있는 성과가 많이 있었습니다. 이번 포스팅에서는 작년 한 해의 제 블로그의 기록들을 글로 남기고자 합니다. 2020년도 블로그 결산 2020년도 제 블로그를 구글 애널리틱스로 분석한 자료입니다. 사..
-
Web
2020.12.31
3
[Web] 크롬 원격 데스크톱 설치 및 설정 & 사용법 정리
얼마 전 원격 제어를 해야 할 경우가 생겨 팀뷰어를 설치하려다가 프로그램 설치가 아닌 구글 원격 데스크톱이라는 크롬 확장 프로그램으로 좀 더 가볍게 원격을 할 수 있는 방법을 알게 되어 포스팅으로 작성해보고자 합니다. 크롬 원격 데스크톱은 어느 컴퓨터에서든지, 구글 계정에 등록해 둔 컴퓨터만 있으면 별도의 프로그램 설치 없이 PC 원격 제어가 가능합니다. 심지어, 핸드폰 어플리케이션을 활용하여 핸드폰으로도 컴퓨터를 먼 곳에서 제어가 가능합니다. 크롬 원격 데스크톱 메인 페이지를 보시려면 아래 링크로 들어가시면 됩니다. remotedesktop.google.com/home 크롬 원격 데스크톱 원격 설치 1. 아래 링크로 들어가 로그인을 하고 다운로드 버튼을 눌러 크롬에 원격 데스크톱 확장 프로그램을 설치합..
-
Web
2020.12.30
2
[Web] 유튜브 화면 비율 문제, 짤림 현상 해결하기 (전체화면)
최근에는 영화나 뮤직비디오 같은 영상들은 기본적인 16:9 비율을 넘어서 영상에 대한 몰입감이 가장 좋다는 21:9 비율로 만들어지는 추세입니다. 또한 이러한 추세에 비례하여 일반 16:9의 비율을 가지고 있는 모니터가 아닌 21:9 비율의 와이드 모니터까지 서서히 판매가 증가되고 있습니다. 저희 집 모니터도 와이드 모니터를 사용하여 영상을 시청하고 있는데요. 하지만 모니터의 비율과는 달리 유튜브에서는 비율을 조정하는 기능이 없어 영상의 겉 부분에 검은색 테두리가 그려져 모니터를 최적의 효율로 사용하지 못하고 있었습니다. 저와 같이 와이드 모니터를 사용하시는 분이라면 유튜브 특히 유튜브에서 구매한 영화등을 시청하다보면 위와 같이 검정색 화면이 거의 반 이상 차지하는 불편함을 느끼시는 분이 있으실 겁니다...
-
Web
2020.12.29
[Web] 동영상 파일을 GIF(움짤)로 변환하기 (GIF 변환 웹 사이트 사용)
짧은 동영상이라면 영상을 삽입하는것 보다는 GIF파일 (움짤)로 변환해서 활용하는것이 좋을때가 있습니다. 동영상을 GF로 만드는 방법은 크게 동영상을 GIF로 변경해주는 사이트를 사용해주는 방법과 프로그램을 사용하는 방법이 있습니다. 이 두가지 방법 중 사이트를 이용하는 것이 설치도 필요없고 혹여나 프로그램을 다운받으면서 생기는 피해 (바이러스나 악성코드)를 예방할 수 있기에 추천드립니다. 동영상 파일을 GIF로 변환하기 (GIF 변환 웹 사이트 사용) 1. 아래에 링크된 사이트에 접속하여 가장 첫번째있는 탭 Video to GIF를 선택하고 변환 할 파일을 선택한 뒤 Upload video! 버튼을 누릅니다. ezgif.com/video-to-gif 2. 위에 업로드 된 영상을 재생하여 움짤(GIF)파..
-
ETC./Git
2020.12.28
2
[Git] GitHub README 작성법 (마크다운, 이미지, Gif, 코드 블록 사용법)
리드미(README)란? README는 쉽게 말해서 프로젝트 소개글이라고 할 수 있습니다. 일반적으로 디렉토리나 압축 파일에 포함된 기타 파일에 대한 정보를 포함하고 있으며, 일반적으로 소프트웨어와 함께 배포됩니다. 또한 현재 Git과 같은 코드 저장소에서도 해당 파일을 기본값으로 생성되게 하여 해당 저장소에 대한 설명을 기입하도록 유도하고 있습니다. 다른 확장자를 사용할 수도 있겠으나 기본적인 README의 확장자는 md인데 이것은 마크다운(Markdown)의 약자입니다. 만약 리드미 파일이 없다면 아래에 리드미를 작성하는 것을 권장하는 창이 뜹니다. README 작성방법 1. 최근에는 프로젝트를 업로드하면 자동으로 리드미 파일이 생깁니다. 직접 리드미 파일을 만들어서 레파지토리에 Push를 하여도 되..
-
ETC./Git
2020.12.27
1
[Git] Git Remote origin already exists 에러해결 remote origin 삭제
깃의 Remote origin already exists 에러는 기존에 연결되어 있는 레파지토리가 다시 새로운 레파지토리에 소스코드를 올리려고 하면 발생되는 에러입니다. 해결방법은 간단합니다. 위와 같이 원격 저장소와의 연결이 되어 있다고 하니 기존의 연결을 끊고 새로 올리고 싶은 곳에 소스코드를 올리면 됩니다. 해결 방법 1. git remote remove origin 명령어를 입력해서 기존에 연결되어 있는 원격 저장소와의 연결을 끊어줍니다. 2. git remote add origin [새롭게 연결할 깃 레파지토리 주소] 명령어를 입력합니다. 3. git remote -v 명령어를 입력해서 로컬 저장소를 원격 저장소에 연결시켜줍니다. 4. git push origin master 명령어를 입력해서 ..
-
ETC./Spring 2021.01.05[Spring] 스프링 부트 게시판 만들기-4 계층형 댓글 만들기 실행화면 (계층형 댓글) 테이블 생성 CREATE TABLE `tb_reply` ( `idx` INT NOT NULL AUTO_INCREMENT, `board_idx` INT, `reply_idx` INT, `contents` TEXT NULL, PRIMARY KEY (`idx`)); 댓글 테이블 tb_reply를 추가해줍니다. idx(댓글 번호), board_idx(글 번호), reply_idx(상위 댓글번호), contents(댓글 내용)입니다. 가장 위에 있는 Root 댓글은 reply_idx가 0이고 하위 댓글들은 reply_idx로 상위댓글의 idx를 참조하도록 설계하였습니다. 소스코드 function 추가 (view.jsp) function drawReply(replys) { $("#cnt")..
-
ETC./Spring 2021.01.04[Spring] 스프링 부트 게시판 만들기-3 글 상세보기 페이지 만들기 실행 화면 (글 상세보기) 소스코드 글 상세보기 (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..
-
ETC./Spring 2021.01.03[Spring] 스프링 부트 게시판 만들기-2 게시판 글 등록 (이미지 첨부) 실행 화면 (글 등록) 소스 코드 글 등록 화면 (write.jsp) 과제 홈 게시판 글쓰기 제목: 내용: 글쓰기 화면은 위와 같이 제목, 내용, 그리고 이미지 첨부를 할 수 있게끔 만들었습니다. 해당 화면에서 글을 작성하고 글쓰기 버튼을 누르면 writeAction이라는 url로 controller에 요청이 가게 됩니다. 파일 첨부 기능 구현 시 form의 메서드를 post / enctype을 multipart/form-data로, input type="file"로 해주고 컨트롤러에서는 MultipartFile 받아주면 됩니다. Controller (IndexController) @Controller public class IndexController { @Autowired private BoardSe..
-
ETC./Spring 2021.01.02 9[Spring] 스프링 부트 게시판 만들기-1 게시판 리스트 출력 SpringBoot를 활용하여 간단한 게시판을 만들어야 할 일이 있어 급하게 만든 초간단 게시판을 공유합니다. 총 4개의 포스팅으로 작성할 예정이며 전체 소스는 마지막 게시글에서 GitHub링크를 남겨드리도록 하겠습니다. 최소한의 게시판이 돌아가게끔 기본적인 틀만 정해서 구현하였기에 이 게시판을 기초로 살을 붙여나가며 사용하시면 좋을 듯합니다. SpringBoot와 데이터베이스는 MySql을 사용하였고 SpringBoot에서 데이터 베이스 접근은 마이바티스 라이브러리를 사용해 접근했습니다. 주요 기능 1. 게시판 리스트 출력 2. 게시판 글 등록 (이미지 첨부) 3. 게시판 상세보기 4. 댓글과 대댓글 (계층형 댓글) 실행 화면 (게시판 리스트 출력) 테이블 생성 CREATE TABLE `tb_board..
-
일상/블로그 2021.01.01 17[블로그] 2020년 블로그 결산 (누적 방문자 수 1천만명 돌파) 안녕하세요 코딩팩토리입니다. 코로나와 함께한 2020년도가 끝이 나고 새해가 밝았습니다. 작년에도 제 블로그에 방문해주신 모든 분들께 진심으로 감사드립니다. 개인적으로 작년에 많은 일들이 생겨 블로그를 많이 소홀히 했다는 생각이 듭니다. 블로그 권태기가 와서 일정기간 포스팅을 쉰 적도 있습니다. 또 재미가 아닌 의무감으로 억지로 글을 쓰다 보니 제가 발행하는 포스팅에 점점 영양가가 떨어지고 있다는 생각이 듭니다. 이 부분에 대해서는 진심으로 사과의 말씀을 드립니다. 블로그를 다소 소홀히 했음에도 불구하고 의미 있는 성과가 많이 있었습니다. 이번 포스팅에서는 작년 한 해의 제 블로그의 기록들을 글로 남기고자 합니다. 2020년도 블로그 결산 2020년도 제 블로그를 구글 애널리틱스로 분석한 자료입니다. 사..
-
Web 2020.12.31 3[Web] 크롬 원격 데스크톱 설치 및 설정 & 사용법 정리 얼마 전 원격 제어를 해야 할 경우가 생겨 팀뷰어를 설치하려다가 프로그램 설치가 아닌 구글 원격 데스크톱이라는 크롬 확장 프로그램으로 좀 더 가볍게 원격을 할 수 있는 방법을 알게 되어 포스팅으로 작성해보고자 합니다. 크롬 원격 데스크톱은 어느 컴퓨터에서든지, 구글 계정에 등록해 둔 컴퓨터만 있으면 별도의 프로그램 설치 없이 PC 원격 제어가 가능합니다. 심지어, 핸드폰 어플리케이션을 활용하여 핸드폰으로도 컴퓨터를 먼 곳에서 제어가 가능합니다. 크롬 원격 데스크톱 메인 페이지를 보시려면 아래 링크로 들어가시면 됩니다. remotedesktop.google.com/home 크롬 원격 데스크톱 원격 설치 1. 아래 링크로 들어가 로그인을 하고 다운로드 버튼을 눌러 크롬에 원격 데스크톱 확장 프로그램을 설치합..
-
Web 2020.12.30 2[Web] 유튜브 화면 비율 문제, 짤림 현상 해결하기 (전체화면) 최근에는 영화나 뮤직비디오 같은 영상들은 기본적인 16:9 비율을 넘어서 영상에 대한 몰입감이 가장 좋다는 21:9 비율로 만들어지는 추세입니다. 또한 이러한 추세에 비례하여 일반 16:9의 비율을 가지고 있는 모니터가 아닌 21:9 비율의 와이드 모니터까지 서서히 판매가 증가되고 있습니다. 저희 집 모니터도 와이드 모니터를 사용하여 영상을 시청하고 있는데요. 하지만 모니터의 비율과는 달리 유튜브에서는 비율을 조정하는 기능이 없어 영상의 겉 부분에 검은색 테두리가 그려져 모니터를 최적의 효율로 사용하지 못하고 있었습니다. 저와 같이 와이드 모니터를 사용하시는 분이라면 유튜브 특히 유튜브에서 구매한 영화등을 시청하다보면 위와 같이 검정색 화면이 거의 반 이상 차지하는 불편함을 느끼시는 분이 있으실 겁니다...
-
Web 2020.12.29[Web] 동영상 파일을 GIF(움짤)로 변환하기 (GIF 변환 웹 사이트 사용) 짧은 동영상이라면 영상을 삽입하는것 보다는 GIF파일 (움짤)로 변환해서 활용하는것이 좋을때가 있습니다. 동영상을 GF로 만드는 방법은 크게 동영상을 GIF로 변경해주는 사이트를 사용해주는 방법과 프로그램을 사용하는 방법이 있습니다. 이 두가지 방법 중 사이트를 이용하는 것이 설치도 필요없고 혹여나 프로그램을 다운받으면서 생기는 피해 (바이러스나 악성코드)를 예방할 수 있기에 추천드립니다. 동영상 파일을 GIF로 변환하기 (GIF 변환 웹 사이트 사용) 1. 아래에 링크된 사이트에 접속하여 가장 첫번째있는 탭 Video to GIF를 선택하고 변환 할 파일을 선택한 뒤 Upload video! 버튼을 누릅니다. ezgif.com/video-to-gif 2. 위에 업로드 된 영상을 재생하여 움짤(GIF)파..
-
ETC./Git 2020.12.28 2[Git] GitHub README 작성법 (마크다운, 이미지, Gif, 코드 블록 사용법) 리드미(README)란? README는 쉽게 말해서 프로젝트 소개글이라고 할 수 있습니다. 일반적으로 디렉토리나 압축 파일에 포함된 기타 파일에 대한 정보를 포함하고 있으며, 일반적으로 소프트웨어와 함께 배포됩니다. 또한 현재 Git과 같은 코드 저장소에서도 해당 파일을 기본값으로 생성되게 하여 해당 저장소에 대한 설명을 기입하도록 유도하고 있습니다. 다른 확장자를 사용할 수도 있겠으나 기본적인 README의 확장자는 md인데 이것은 마크다운(Markdown)의 약자입니다. 만약 리드미 파일이 없다면 아래에 리드미를 작성하는 것을 권장하는 창이 뜹니다. README 작성방법 1. 최근에는 프로젝트를 업로드하면 자동으로 리드미 파일이 생깁니다. 직접 리드미 파일을 만들어서 레파지토리에 Push를 하여도 되..
-
ETC./Git 2020.12.27 1[Git] Git Remote origin already exists 에러해결 remote origin 삭제 깃의 Remote origin already exists 에러는 기존에 연결되어 있는 레파지토리가 다시 새로운 레파지토리에 소스코드를 올리려고 하면 발생되는 에러입니다. 해결방법은 간단합니다. 위와 같이 원격 저장소와의 연결이 되어 있다고 하니 기존의 연결을 끊고 새로 올리고 싶은 곳에 소스코드를 올리면 됩니다. 해결 방법 1. git remote remove origin 명령어를 입력해서 기존에 연결되어 있는 원격 저장소와의 연결을 끊어줍니다. 2. git remote add origin [새롭게 연결할 깃 레파지토리 주소] 명령어를 입력합니다. 3. git remote -v 명령어를 입력해서 로컬 저장소를 원격 저장소에 연결시켜줍니다. 4. git push origin master 명령어를 입력해서 ..