원본 본문으로 이동하기

글 내용의 사진을 썸네일처럼 추출하기?

gomonk - 우연히 가리사니라는 웹사이트를 들어오게 되어서 이것저것 구경하고 있는 취준생입니다. 이 에디터라던지, 각종 기능들에 대해 물어볼게 너무나도 많기도 하지만, 제일 궁금한 것 부터 질문드립니다. 게시판의 글 목록을 보다 보면 글 내용에 사진이 있으면 그 사진을 목록에 썸네일처럼 띄우는데, 이걸 어떻게 구현을 해내신건지 궁금합니다. jsp가 로드 된 후 자바스크립트로 img 태그만 따로 경로를 정규식으로 찾아서 사용해야 할지, 혹은 다른 방향으로 구현하신 게 있다면 알려주시면 감사하겠습니다. - 이 웹사이트 정말 잘 만든것 같습니다. 저도 나름대로 만들어나가고 있지만 이 사이트와 비교해보니 무참하게 차이가 나네요.. - JSP 자바스크립트썸네일 이미지는 게시물 내 이미지에서 따로 추출해서 구현하신거 같네요. 글 목록 긁어올 때 썸네일이 존재하면 썸네일 뿌리도록 하신거 같은데요. 박용서 위 답변 처럼 게시물에서 따로 추출하고 있습니다. 글을 [밑줄]작성하거나 수정할 때[/밑줄] 글의 내용에서 썸네일을 만들 수 있을 만한 것들을 추출해서 별도의 필드에 저장해 두었다가 목록을 부를 때 해당 필드를 부르는 식으로 작성되어있습니다. 만약 매번 내용에서 추출해야 한다면 목록 30개를 불러올 때, 30개의 전체 내용을 불러와야하니 반응속도도 느려지고 트랙픽도 늘어나게 됩니다. - 내용이 적을 수도 있지만 수십에서 수백만 글자가 될 수 도있습니다. 때문에 이 부분을 구현하신다면 글을 작성하거나 수정할 때 img 태그나 또는 이미지가 있을 만한 것(예:유튜브)를 추출하여 다른 필드에 저장해 두었다가 목록과 함께 불러내어 표시하는게 적당할 듯 합니다. 예) 유튜브 : https://gs.saro.me/#!m=elec&jn=382 gomonk 두분 모두 답변주셔서 감사합니다 . 현재 이미지 썸네일 제작은 다행히도 목록의 형태가 티스토리 혹은 다른 블로그의 글 목록처럼 글 내용 일부분 + 이미지 와 같이 띄우는 식으로 만들었기 때문에 jquery 선택자로 맨 첫번째 이미지만 선택해 해결했지만, 내용이 나오지 않는 글 목록에서 썸네일을 만들기 위해 작성할때 추출하는 방법은 정말 참신한것 같습니다. - 앞으로도 여기에 많이 들르게 될 것 같습니다. 저에겐 완전히 보물창고나 다름없는 곳이네요 ㅎㅎ 잘 부탁드립니다! 박용서 감사합니다.!! 글의 작성이나 수정은 별로 일어나지 않지만, 글 목록 조회는 빈번하게 일어나기 때문에 사용자가 많을수록 이런 방법이 이득인 것 같습니다.!!