본문 바로가기

전체 글251

3월 4주차 원고의 중요성(유튜브 주말 작업 회고) 생산성이 별로 였던 주 주말이 되자마자 넉 아웃함 그렇다고 잠을 잔 것 만은 아닌데 회사일로 한 주 내내 바빠서 그런지 에너지가 많이 쓰인듯 그래도 해야하는데 그냥 책만 2권 읽음 한 것 뇌과학 책 우리는 각자의 세계가 된다 1 권 읽음 토스 사람이 만든 일 터 관련 책도 1권 읽음 스타트업 둘러보기 및 맘에 드는 회사에 커피챗 신청 (어떻게 핵심을 전달하고 메세지를 정리 할 지 시간 에너지를 많이 씀) 아이패드 원고 작성 3 시간 크몽 작업물 1회 완료 알뜰폰 신청 (카드 신청, 알뜰폰 요금제 선택 하느라 시간을 좀 쓴 듯) 반성 왜 이렇게 작업량이 적었나? 나도 모르게 무언가 해도 잘 안되는 것 같고 바로 결과물도 나오지 않으니 심적으로 많이 처짐. 그 와중에 책은 읽고싶어서 빨리 읽기도 하고 했는데.. 2023. 3. 27.
데브로드 프론트엔드 생존코스 1주차 주간회고 👨🏿‍🌾 데브로드 코스 시작! 새로운 일 시작에 다시 주말에는 개인적으로 하는 부업(?)에 정신없이 흘러가다 데브로드 코스가 시작했다. 나름 열심히 개발 공부를 꾸준히 했다고는 하지만 전체적으로 경력이 짧은 나에게 코스가 어떻게 진행될까 시작될까라는 기대 반 호기심 반으로 시작한 코스였다. ❓ 1주차에는 무엇을 배웠나? 스프링 프레임워크를 이용한 세팅과는 달리 자바스크립트는 항상 세팅 할 것이 많고 세팅에 대해 하나 하나 가지는 의미보다는 관성에 의해 하고있었다. 지난 번에 타입스크립트 세팅을 스스로 해보려다 정말 한 주 내내 호되게 혼난 적이 있었는데 그러한 세팅에 대해 하나하 배울 수 있었다. 당분간 세팅으로 고생은 그만..하자 ❗️ 느낀점 세팅이라 크게 어렵다기 보다는 개념 노트를 정리하며 다시 어.. 2023. 2. 5.
깃허브로 깃북 사용해보기 [git-book 사용하는 법] 메가테라에서 진행하는 프론트 엔드 생존 코스를 등록하며 깃 북으로 개념을 정리할 일이 생겨서 깃 북을 이리저리 써보았는데 깃 허브와 연동이 되어서 장점도 있지만 구조를 파악하느라 꽤나 애먹었다. 그래서 한 번 정리해보려고 한다. Git-book 이란? 말 그대로 하나의 책이라고 생각하면 편하다. 책 처럼 작성해서 볼 수 있고 인덱스도 있어서 목차간 이동도 편리하고 깃 북 앱을 설치하여 에디터를 이용하거나 직접 마크다운 형식의 문서를 작성하여 깃북을 사용해볼 수 도 있다. 1. Space와 Page 차이에 대해 알기 깃북을 하면서 가장 먼저 알면 좋은 것은 바로 space와 page 이다. 아래 사진에 보이는 New Space 를 클릭하면 새로운 페이지를 작성할 수 있는데 이것을 작성해서 원래 작성하던 스.. 2023. 1. 31.
spring boot 로 외부 api 호출하기[RestTemplate 이용, POST] RestTemplate 이란? npm 의 axios 처럼 외부 api와 http rest 서버 통신을 하게 해주는 라이브러리 스프링은 REST 서비스에서 endpoint (API가 서버에서 리소스에 접근할 수 있도록 가능하게 하는 URL)를 호출하는 2가지 방법이 제공하는데, 바로 RestTemplate 과 WebClient 이다. 일단 기존에 많이 사용되던 RestTemplate 은 Spring 5.0부터는 deprecated 될 예정이므로 스프링에서는 WebClient 사용을 권장하고 있다. RestTemplate 은 api 요청을 하게 되면 한 api 의 요청에 대한 응답이 올 때까지 기다리는 동기 방식이다. 반대로 비동기 방식에는 WebClient 가 있다. WebClient 를 사용하기 위해서는.. 2023. 1. 28.
다사다난 했던 2022 연말회고[2023 기년회] 2022 한 해 나는 어떤 목표를 세웠고 무엇을 이루었는지 되돌아보자. 애자일 컨설팅 대표 김창준 님께서 2007 년 작성하셨던 인덱스카드로 회고하는 방식을 보았었는데 나도 따라 해 보았다. (인덱스카드로 다이어리나 달력을 참고하며 의미가 있었던 사건들을 모두 기록한다. 인덱스 뒷면에는 사건으로 느꼈던 교훈을 작성한다. 모두 작성한 후 인덱스를 모은 후 중요한 것 3가지를 추려내 내 년 동안 부적처럼 지닌다.) 2022 년 목표는 무엇이었나? 1. 학원으로부터 벗어나 나만의 수입 파이프라인을 가진다. 2. 가자 서울로! 2022 사건 돌아보기 1월, 처음 하는 일로 돈을 모으다. 사실 나는 유통 판매나 수업을 통해서 사업을 하고 있었다. 개발자라는 것은 내 사전에는 등재되어 있지만 찾아보지는 않는 그런 .. 2022. 12. 30.
[ Backend / Java / SpringBoot ] multipartFile을 다른 속성값과 객체에 넣어 전달받을때 + 테스트 코드 짜는 법 2 1. 컨트롤러 코드 멀티 파일과 객체를 같이 받아오는 것은 RequestBody가 아니라 RequestPart로 받아와야함. PostMapping 에서 value와 consumes 을 써준 후 뒤에 타입을 아래와 같이 밝혀줘야함. value 는 URI 주소 consumes 는 타입 RequestPart 뒤의 value 값은 받아오는 객체의 이름과 파일이름과 반드시 일치해야함. 그렇지 않으면 찾는 값이 null 이라고 400 오류가 뜸. @PostMapping(value = "/practicalTemplate",consumes = {MediaType.APPLICATION_JSON_VALUE, MediaType.MULTIPART_FORM_DATA_VALUE}) @ResponseStatus(HttpStatus.. 2022. 12. 27.
[ 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.
AWS S3 access denied 서버에 이미지 등록하는 법[20221210 - TIL] 핵심 버킷의 액세스가 아래처럼 퍼블릭이라고 되어있어야 버킷의 객체를 클릭했을때 access denied가 뜨지 않는다. 과정 버킷 명 클릭 -> 상단 권한 클릭 -> 버킷 정책 -> 정책 생성기 클릭 아래를 채워주고 action에 getObject 클릭 ARN 이름은 버킷정책편집 페이지 상단에 버킷ARN 이라고 되어잇는걸 복사해온다. Add statement 클릭하면 나온 정책문구를 복사 저장 아래와 같이 복사해준후 변경사항 저장을 클릭해준다. Resource 뒤에 /* 라는 문구를 꼭 넣어줘야 저장이 된다. 오류 귀하 또는 귀하의 aws 관리자가 권한을 업데이트하여 s3:putbucketpolicy 작업을 허용하면 [변경 사항 저장]을 선택하세요. amazon s3의 identity and access.. 2022. 12. 10.
컴퓨터 처럼 생각하기. 프론트 엔드 함수 실행시 디버깅 포인트 찾기[20221208-TIL] 오늘은 간단하게 끝날줄 알았던 수정과 단체 삭제 기능을 구현하고 얼른 디자인으로 넘어가려고 했다. 그런데 역시 예상한대로 오류가 나서 오늘 하루를 다 잡아먹었다. 자주 실수하는 부분들을 모두 노션에 정리해놓았는데 그래도 빼먹는 부분이 많았다. 왜 자꾸 당연하면서도 중요한 것을 실수하나? 조금 비유를 하자면 우리는 어떤 액션을 취할때 액션 이후의 움직임을 잘 생각하지 않는 것 같다. 운전이 미숙할 때엔 앞바퀴의 움직임만 생각하고 차 몸통이 어떻게 될지 생각않다가 차를 긁는다. 또 밥을 먹을때에는 식사를 하기 위해 숟가락을 열심히 뜬 기억만 있지 따로 숟가락을 내려놓는다던지 이후의 행동을 정의해두진 않는다. 그것 처럼 최근의 모든 오류들도 그러했다. 가장 자주하는 디버깅 포인트 1. apiService를 이.. 2022. 12. 8.

티스토리툴바