Kim VamPa

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 이미지 삭제 기능 구현 최종 목표는 이미지 삭제 기능 구현이며 이번 포스팅에서는 서버 단계에서 이미지 삭제를 처리하는 url 매핑 메서드 구현을 목표로 합니다. 순서 1. 방향 2. 메서드 작성 1. 방향 이미지 삭제 기능을 수행하는 url 매핑 메서드를 작성할 것입니다. 이미지 파일 삭제를 위해 가장 핵심이 되는 메서드는 File 클래스의 delete()입니다. 이 메서드를 사용하기 위해선 File 클래스를 인스턴스화 하여 사용해야 합니다. 삭제될 파일을 대상으로 하는 File 객체를 생성하기 위해선 생성..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 업로드 이미지 출력 구현 저번 포스팅에서는 이미지를 출력시켜는 메서드를 작성하였었습니다. 이번엔 이 메서드를 활용하여 '상품 등록 페이지'에서 업로드한 이미지를 선택하였을 때 미리 보기 할 수 있도록 구현해보겠습니다. 순서 1. 태그 추가 및 css 설정 추가 2. 이미지 출력 메서드 작성(showUploadImage()) 3. encodeURIComponent() 적용 1. 태그 추가 및 css 설정 추가 업로드 파일 선택 태그 바로 밑에 업로드 한 이미지를 볼 수 있도록 코드를 추가할 것입니다. 추가할 ..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 업로드 이미지 출력 구현 이번 포스팅부터는 비동기 방식으로 url을 호출하면 이미지를 반환해주는 url 매핑 메서드를 구현할 것입니다. 이 메서드는 저번 포스팅에 이어서 구현해야 할 상품 등록 페이지에서의 미리 보기 이미지뿐만 아니라 앞으로 사용자가 검색을 하였을 때 볼 수 있는 이미지들을 출력하는데도 사용될 것입니다. 순서 1. 전체적 방향 2. url 매핑 메서드 작성 및 File 객체 생성 3. 'Content Type' 명시 & 데이터 파일 반환 4. 테스트 1. 전체적 방향 이번에 구현할 url 메..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 서버 단계 이미지 파일 체크, 뷰에 에러 반환 이미 뷰에서 이미지 파일을 서버로 전송하기 전에 사용자가 업로드를 위해 선택한 파일이 이미지 파일인지 체크를 하도록 코드를 작성하였습니다. 하지만 엄연히 뷰 단계에서의 파일 체크일 뿐, 만약 이미지 파일 체크 코드가 작동을 하지 않거나 다른 경로를 통해 업로드 url 매핑 메서드를 호출할 경우 이미지가 아닌 파일도 업로드될 가능성이 있습니다. 따라서 좀 더 확실히 이미지 파일만 처리를 보장하는 메서드가 되도록 하기 위해서 업로드를 수행하는 url 매핑 메서드에도..