분류 전체보기248 file upload (react.js + multer + axios) 본 글은 교육시간에 교육생에게 도움을 주기 위해 작성되었습니다. 목적은 react.js - node.js 환경에서 파일 업로드 구현입니다. front 에서 axios 를 이용하며 back-end 에서 multer 를 이용합니다. back-end 에 public 폴더를 static 폴더로 지정했다는 가정이고 이 public 하위에 upload 폴더에 파일을 저장합니다. 파일을 저장하자 마자 저장한 파일명을 front 에 전달해서 화면에 이미지로 출력하는 샘플입니다. Front 코드 const App = () => { const [title, setTitle] = useState('') const [file, setFile] = useState() const [uploadImage, setUploadImag.. 2024. 1. 24. CORS 환경에서 Session 이용하기 본 글은 수업시간에 프로젝트를 진행하는 교육생에게 도움을 주기 위해서 작성되었습니다. 글에 담긴 내용 CORS 환경에서 Session 활용 Front 앱 데이터 Context 활용 사용 기술 React.js + Node.js(Express) + Axios CORS 환경에서 Session 이용 설정 CORS(Cross-Origin Resource Sharing) 환경에서 Session 이 유지되기 위해서는 Back-End 설정 및 Front 설정이 되어야 한다. back-end 설정 app.use(cors()) CORS 를 위해서는 위처럼 cors 모듈만 등록해도 정상적으로 서비스가 가능하다. 하지만 세션을 이용하기 위해서는 cors 를 등록하면서 추가적인 옵션이 설정되어야 한다. app.use(cors(.. 2024. 1. 17. 안드로이드 개발환경 깔끔하게 지우기 인강(https://www.ssamz.com/)에서 질문이 올라와 글을 씁니다. 1. Android Studio Uninstall 설정 -> 앱 2. 관련 폴더 지우기 C:\Users\ AndroidStudioProjects 는 프로젝트 폴더이며 .gradle 은 gradle 빌더가 다운로드 되는 폴더이다. Gradle 을 안드로이드에서만 사용하는 것은 아니지만.. 안드로이드 스튜디오 버전 변경되면서 gradle 과 관련된 문제로 빌드가 안되는 경우가 많아서 깔끔하게 지우고 다시 다운로드 받게 할 수도 있다. C:\Users\\AppData\Local 숨김 폴더이다. 이곳의 Android 폴더 삭제 C:\Users\\AppData\Local\Google 이곳의 AndroidStudio~~ 폴더 삭제 C:.. 2024. 1. 11. [깡샘] Coroutine 퀵 스타트 "Coroutine 퀵 스타트" 강의를 위한 자료입니다. 강의에서 활용한 자료 PDF 파일과 강의 실습 소스 코드를 공유합니다. 2023. 8. 6. 이전 1 2 3 4 ··· 62 다음