본문 바로가기

전체 글151

WIL 230820 : 최종 프로젝트를 시작하며 FACTS 이번 일주일 동안 있었던 일, 내가 한 일 : 월요일 발표를 하고 화요일 쉰 후 수요일부터 팀 프로젝트가 시작됐다. 팀원들과 인사하고 대면하고 팀규칙을 정하고 회의를 하는 시간들이 있었다. 앞으로 어떻게 협업해 나가야할 지 방향을 다잡은 시간들이었다. FEELINGS 나의 감정적인 반응, 느낌 : 힘들었다. 내가 기대한 최종프로젝트의 느낌이 아니었어서 더 그랬던 것 같다. 그리고 '혼자가면 빨리가지만, 함께 가면 멀리간다.' 라는 말을 좀 더 체감할 수 있었다. 나는 빨리 멀리가고싶어서 더 힘에 부쳤다. FINDINGS 그 상황으로부터 내가 배운 것, 얻은 것 : 마음을 비웠다. 현재 상황을 받아들이고, 가진 것으로 어떻게 최선의 결과를 낼 수 있는 지에 대해 고민했다. FUTURE 미래에는 .. 2023. 8. 24.
TIL 230818 : AWS S3 (Simple Storage Service) 2 - multipart, requestDto와 첨부파일 동시에 받기 https://thiswooin.tistory.com/81 TIL 230817 : AWS S3 (Simple Storage Service) 1 - 세팅, 객체업로드 AWS에서 제공하는 여러가지 서비스가 있다라는 걸 이제야 파악이 된다. 그 중에서 Simple Storage Service. 줄여서 S3서비스를 해보려한다. 기본 세팅부터 파일 업로드 하는 용량 설정 까지 해본다. 1. 버 thiswooin.tistory.com 지난 시간 AWS S3 서비스를 기본적으로 세팅하고 백엔드 서버에서 파일업로드하는 것 까지 구현했다. 이번에는 조금만 더 이어가서 컨트롤러단에서 첨부파일과 requestDto를 동시에 받는 것부터 구현해보고 기타 추가사항들을 정리해본다. Multipart 우선, 멀티파트에 대해 간략히.. 2023. 8. 24.
TIL 230817 : AWS S3 (Simple Storage Service) 1 - 세팅, 객체업로드 AWS에서 제공하는 여러가지 서비스가 있다라는 걸 이제야 파악이 된다. 그 중에서 Simple Storage Service. 줄여서 S3서비스를 해보려한다. 기본 세팅부터 파일 업로드 하는 용량 설정 까지 해본다. 1. 버킷 생성 및 권한 설정 기본적으로 버킷을 생성해야 한다. 클라우드에 있는 외장하드 개념이라고 생각하면 쉽다. 정확히는 최상위의 컨테이너. 자세한 과정은 해당 블로그 참고 https://gaeggu.tistory.com/33 2. Spring 의존성 추가 implementation 'org.springframework.cloud:spring-cloud-starter-aws:2.2.6.RELEASE' 3. properties 파일 추가 기본 application.properties파일에 해.. 2023. 8. 22.
TIL 230816 : Cors 필터 적용하기 (Spring Security 환경) https://thiswooin.tistory.com/57 TIL 230719 : CORS 첫 대면 https://thiswooin.tistory.com/56 TIL 230718 : 카카오로 로그인하기 기능 (OAuth) https://developers.kakao.com/docs/latest/ko/kakaologin/common#intro-kakaologin Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발 thiswooin.tistory.com 예전에 CORS를 마주한 적이 있었다. 당시, 숱하게 많은 대응책을 구글에서 접했는데 모두 통하지 않았다. 이유는 두가지이다. 스프링 시큐리티 환경인지 아닌지 필터를 추가를 시켜야 하는지. 정말 긴 시간 나를 괴롭힌 CORS를 .. 2023. 8. 21.
TIL 230814 : 리액트를 접해보기 3 (useEffect) 지난 시간에 언급한 프론트 특강은 자바 스프링 과정을 배우는 입장에서 프론트를 손쉽게 구현하기 위해 ChatGPT를 활용하는 프로세스를 맛보여줬었다. jwt인증정보 확인하는 코드를 물어봤다. useEffect..? 처음보는 개념에 그냥 복붙할 수 없고 알고 써야 잠자리가 편하기 때문에 useEffect가 뭔지 정리해본다. useEffect? 일단 이 기능을 한 줄로 말하면 특정 조건시 실행해주는 조건문 같은 그런 기능? 기본 구조는 아래와 같다. //기본 구조 useEffect(실행 함수(), [변경시 실행될 변수]) //예시 const [info, setInfo] = setState('초기값') useEffect(()=>{ console.log('useEffect에 지정된 함수가 실행됐습니다.') },.. 2023. 8. 17.