솜이의 데브로그

Fish It 2021년 여름, 처음 개발을 배웠던 실리콘밸리 부트캠프 이후 개발자 모임인 (테커)에 참여하게 되었다. 이 커뮤니티에서 활동하면서 CS 스터디 참여도 하고, Java 스터디 및 프로젝트 진행도 했었는데, 내가 팀장으로 참여했던 프로젝트는 이다. 무슨 서비스일까? 이름만 보면 무슨 서비스인지 감이 오지 않을 것 같은데, 물건을 잘 건지라는 뜻에서 Fish It 이라는 이름을 지은 서비스이다. 간결하게 요약하자면, 오픈마켓 내 상품 가격 변동 확인 서비스이다. 우리 서비스는 위 기능들을 지원한다. 사용자가 원하는 물품을 검색했을 시 해당 제품 관련 정보와 최저가 마켓 정보를 제공. 가격 알림을 받기 희망하는 물품과 희망 가격을 등록하면 주기적으로 모니터링하여 사용자가 원하는 최저가에 도달했을..

졸업은 해야지 우리과는 졸업을 하기 위해서 1년간 졸업프로젝트를 진행해야했다. 사이버보안을 전공했지만 나는 개발이 더 하고 싶었기에 개발을 희망하는 팀원들과 팀을 꾸려 3학년 2학기부터 졸업 프로젝트를 진행하게 되었다. 당시 나는 파이썬으로 백엔드 개발만 찍먹해본 수준의 실력이었고.. ㅋㅋㅋ 서버가 어떤건지, 어떤식으로 API 호출 및 반환을 하는지 정도만 이해 한 수준이었다. 그래도 일단 졸업은 해야하니 하면서 배우자! 하는 생각으로 졸프를 시작했다. 부담은 늘어만 가고 졸프 첫 수업날 어쩌다보니 팀장으로 배정을 받았고, 이에 따라 교수님과 컨택하거나 미팅때마다 소통은 대부분 내가 담당하게 되었다. 그리고 팀 회의 내용을 정리하거나 회의 내용을 끌어가는 역할도 맡게 되었는데, 개발 뿐만 아니라 협업하는..

현재 진행중인 졸업프로젝트에서, 자막 파일을 생성하여 동영상에 같이 재생해줘야하는 부분을 구현해야했다. 이 부분에서 프론트 담당하신분이 자막을 VTT 포맷으로 만들어달라고 요청하셨기에, JSON 형태의 파일을 VTT로 바꾸는 작업을 했다. (해당 작업은 python을 통해서 진행했다) 1. VTT 파일 형태 먼저 VTT 파일을 만들기 위해서는 해당 포맷의 자막이 어떤식으로 구성되는지를 알아야 했다. vtt 형식 구성에 대해서는 다음 링크를 참고했다. 다양한 형식을 참고 할 수 있으므로 자신이 필요한 형태의 자막을 생성하자. https://www.w3.org/TR/webvtt1/ WebVTT: The Web Video Text Tracks Format www.w3.org 먼저 시간을 지정해주어야하는데, 시..

AWS Lambda란? Lambda는 서버를 프로비저닝하거나 관리하지 않고도 코드를 실행할 수 있게 해주는 컴퓨팅 서비스입니다. Lambda는 고가용성 컴퓨팅 인프라에서 코드를 실행하고 서버와 운영 체제 유지 관리, 용량 프로비저닝 및 자동 조정, 코드 및 보안 패치 배포, 코드 모니터링 및 로깅 등 모든 컴퓨팅 리소스 관리를 수행합니다. Lambda를 사용하면 거의 모든 유형의 애플리케이션 또는 백엔드 서비스에 대한 코드를 실행할 수 있습니다. -> 즉, 서버리스하게 코드를 실행할 수 있도록 AWS에서 제공해주는 컴퓨팅 플랫폼이다. 서버의 존재에 대해서 신경 쓰지 않고 코드가 돌아가는지 여부만 신경쓰면 된다는 점이 굉장히 좋다. 현재 진행하고 있는 프로젝트에서 메인 서버와 분리하여 인공지능 및 STT ..

Reference : Inflearn 실전 스프링 부트와 JPA 활용1 (김영한님 강의) 상품 등록 상품 등록 컨트롤러 /controller/ItemController package jpabook.jpashop.controller; import jpabook.jpashop.domain.item.Book; import jpabook.jpashop.service.ItemService; import lombok.RequiredArgsConstructor; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping..

Reference : Inflearn 실전 스프링부트와 JPA 활용1 (김영한님 강의) 홈 컨트롤러 등록 package jpabook.jpashop.controller; import lombok.extern.slf4j.Slf4j; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @Controller @Slf4j public class HomeController { @RequestMapping("/") public String home(){ log.info("home controller"); return "home"; } } 로그를 찍을 때 @Slf4j ..

로그인 화면 헤더 수정하기 options={{ headerBackTitleVisible: false }} Screen 컴포넌트에서 위의 옵션을 추가하면 화면의 헤더에서 뒤로가기 버튼의 타이틀을 감출 수 있다. 노치 디자인 대응 내비게이션의 헤더를 감추면 노치 디자인에 대한 문제가 발생할 수 있으므로 대응해야한다. SafeAreaView 컴포넌트 이용 스타일에 설정해야 하는 padding 값을 얻는 받법 useSafeAreaInsets 함수의 장점은 iOS 뿐만 아니라 안드로이드에서도 적용 가능한 padding 값을 전달한다는 점이다. 회원가입 화면 로그인 화면 제작 과정에서 만든 컴포넌트를 재사용하면 쉽고 빠르게 만들 수 있다. src/screens/Signup.js import React, { useS..

Reference : https://wikidocs.net/150167 01. 유저 서비스와 회원 가입 유저 서비스를 다시 처음부터 만들어 보겠습니다. 우리가 만들 유저 서비스는 그다지 많지 않고 간략하게 구현하고자 합니다. 프론트 엔드의 UI 화면을 함께 만들지 않기 때문에 ... wikidocs.net 회원가입 화면을 통해 유저 정보를 입력받아 유저 생성 요청을 받는다. DB에 유저 정보를 저장하고, 이메일을 발송하여 유효한 이메일인지 검증. 이메일 본문에는 이메일 검증을 위한 요청으로의 링크가 포함 링크를 통해 요청이 들어오면 회원가입 준비 단계에서 승인 이메일 서비스는 유저 서비스와 분리되어야 한다. 회원가입 이메일 검증 시 필요한 토큰을 uuid를 사용하기 위해 라이브러리를 설치한다. $ npm..