개발 관련 학습 및 문제해결57 데브로드 프론트엔드 생존코스 1주차 주간회고 👨🏿🌾 데브로드 코스 시작! 새로운 일 시작에 다시 주말에는 개인적으로 하는 부업(?)에 정신없이 흘러가다 데브로드 코스가 시작했다. 나름 열심히 개발 공부를 꾸준히 했다고는 하지만 전체적으로 경력이 짧은 나에게 코스가 어떻게 진행될까 시작될까라는 기대 반 호기심 반으로 시작한 코스였다. ❓ 1주차에는 무엇을 배웠나? 스프링 프레임워크를 이용한 세팅과는 달리 자바스크립트는 항상 세팅 할 것이 많고 세팅에 대해 하나 하나 가지는 의미보다는 관성에 의해 하고있었다. 지난 번에 타입스크립트 세팅을 스스로 해보려다 정말 한 주 내내 호되게 혼난 적이 있었는데 그러한 세팅에 대해 하나하 배울 수 있었다. 당분간 세팅으로 고생은 그만..하자 ❗️ 느낀점 세팅이라 크게 어렵다기 보다는 개념 노트를 정리하며 다시 어.. 2023. 2. 5. 깃허브로 깃북 사용해보기 [git-book 사용하는 법] 메가테라에서 진행하는 프론트 엔드 생존 코스를 등록하며 깃 북으로 개념을 정리할 일이 생겨서 깃 북을 이리저리 써보았는데 깃 허브와 연동이 되어서 장점도 있지만 구조를 파악하느라 꽤나 애먹었다. 그래서 한 번 정리해보려고 한다. Git-book 이란? 말 그대로 하나의 책이라고 생각하면 편하다. 책 처럼 작성해서 볼 수 있고 인덱스도 있어서 목차간 이동도 편리하고 깃 북 앱을 설치하여 에디터를 이용하거나 직접 마크다운 형식의 문서를 작성하여 깃북을 사용해볼 수 도 있다. 1. Space와 Page 차이에 대해 알기 깃북을 하면서 가장 먼저 알면 좋은 것은 바로 space와 page 이다. 아래 사진에 보이는 New Space 를 클릭하면 새로운 페이지를 작성할 수 있는데 이것을 작성해서 원래 작성하던 스.. 2023. 1. 31. [ Frontend / React ] multipartFile을 다른 속성값과 객체에 넣어 전달해주려고 할 때 1 이전 S3 파일 프론트엔드 코드 작성시 아래와 같이 하면 된다고 했는데 이는 하나의 이미지, 녹음 파일등을 업로드할 때에만 적용된다. 프론트엔드에서 1. formdata 선언 2. input 타입을 file 형태로 한 후 녹음파일만 올리도록 할 것이면 accept를 아래와 같이 제한 3. onChange 함수로 아래처럼 받아줌 e.target.files[0] 과 formData.append 해주는 것이 포인트! 4. 받아온 formData를 백엔드로 그대로 전달해줄 것. const formData = new FormData(); const handleChangeRecord = (e) => { const record = e.target.files[0]; formData.append('multipartFil.. 2022. 12. 27. [SPRING BOOT, Java] AWS S3 이미지 및 녹음 파일 올리기 AWS S3를 통해 업로드하는 법을 검색하면 수많은 글들이 나오지만 Spring Boot 에 관련해서는 적당한 글이 없어서 한 번 자세히 써보고자 한다. 1. 세팅 및 전제조건 1. 우선 이것은 I AM 과 S3 서버를 세팅해서 올릴 수 있는 상태를 의미한다. 2. 아래처럼 세팅도 되있어야 올릴 때 또 번거로운 오류가 없다. 버킷 -> 권한 -> 객체 소유권 2. build.gradle implement 의존성을 주입하는 방법이 여러 방식이 있던데 다 나와 잘 맞지 않고 작동이 안되었다. 스피링 부트를 사용하고 있어서 다음과 같이 의존성 주입을 해주었다. 아래와 같은 스펙을 이용 implementation'org.springframework.cloud:spring-cloud-starter-aws:2.2... 2022. 12. 14. 이전 1 2 3 4 ··· 15 다음
