728x90

전체 글 35

Ep 23. 헤맨만큼 내 땅

Prologue . 왜 리더인가 집에서 학원까지 지하철에 있는 시간만 한 시간 정도 되는 것 같다.수업을 할 때는 그 시간에 전날 공부했던 내용을 복습하면서 알차게 보냈는데,최종 프로젝트가 시작되고 나서는 오가는 시간 내내 유튜브를 보면서 시간을 보낸다.그러다 문득, 여기 부트캠프 오고나서부터는 책을 한 권도 읽은 적이 없구나 생각이 들어이번주부터는 학원 오가는 시간에 책을 읽기 시작했다. '왜 리더인가 - '무슨 책을 읽을까 싶던 찰나에, 작가의 이름을 보고 예전에 이 사람의 다른 책을 읽었던 기억이 나 이 책을 고르게 되었다. 이 책은 회사를 이끄는 경영자가 가져야할 태도나 마음가짐에 관한 책인데,그냥 개발을 공부하고 있는 나의 입장에서도 적확하게 다가오는 문장들이 많았다 프론트 지난 주말부터 프론..

[Spring]WebRTC를 통한 1:1화상 통화 구현 -3(백엔드)

이전 설명에서 보았듯이, WebRTC는 자바스크립트로 이루어진 코드가 대부분을 차지할 만큼 프론트 비중이 큰 기술이다.백엔드가 관여하는 부분은 클라이언트(브라우저)와 클라이언트(브라우저) 간에 P2P연결이 이루어지기 위해서 SDP 와 ICE Candidate정보들을 서로 주고 받아야하는데 이 부분을 백엔드가 담당하고 이 역할을 하는 것이 시그널링 서버다. 그리고 SDP와 ICE Candidate 같은 시그널링 정보를 실시간으로 안정적으로 양방향으로 주고받아야기 때문에 프론트와 백엔드간의 통신의 HTTP통신이 아닌 웹소켓 통신을 통해 이루어져야한다. 시그널링 서버에서는 두 가지 클래스가 필요하다. 웹소켓 설정 클래스와 핸들러 클래스설정 클래스에서는 어떤 URL로 웹소켓 연결 요청이 들어오면 핸들러 클래스..

[Vue] WebRTC를 통한 1:1 화상 통화 구현 -2(프론트)

우선 이 글을 읽기 전에 반드시 이전에 썼던 WebRTC 개념에 관해 작성한 1번 글을 읽고 오기를 권한다.https://gotopm.tistory.com/25 [개념]WebRTC 개념 정리0.WebRTC(Web Real-Time Communication)이란?인터넷 브라우저나 앱에서 플러그인 없이 오디오,비디오와 같은 데이터를 실시간으로 주고받는 통신을 가능하게 해주는 기술로 P2P방식으로 작동하여 서버에gotopm.tistory.com 0. 우선 아래와 같은 화면을 구현하였다.코드가 길다. 따라서 설명을 위해 핵심적인 부분을 나누어서 코드를 올렸다.전체 코드는 제일 마지막 하단부에 첨부했다.우리 팀의 프로젝트에 있는 코드라 그대로 복붙해서 써가면 내 아이디와 상대방 아이디를 받아오는 부분 때문에 작..

Ep 22. 의도적 노력

Prologue . EP16 디테일 열심히 한다. → 이만하면 됐다.나는 지금껏 살아오면서 어떤 일을 할 때 위의 루트를 겪어왔다.열심히 한다. 그리고 이만하면 됐다 하고 만족한다. 그렇게 일을 해왔다. 이렇게 살아오면서 학생이었을 때도, 심지어 PD일을 할 때도 문제를 느껴본 적이 없던 것 같다.나 스스로도 열심히 했네 만족했고, 주변에서도 그런 모습을 알아주었고.그런데 이런 방식에 문제가 있다고 느낀게 불과 한 달 전 중간 프로젝트를 하고 나서였다.중간 프로젝트 때도 열심히 했고, 이만하면 됐다며 만족하고 넘겼던 것이빈틈이 되었다. 나는 이만하면 됐다며 만족했던 화면에서 팀원이 더 집요하게 디벨롭하면서퀄리티가 확 달라지는 것을 볼 수도 있었다. 사실, 열심히는 누구나 다 한다.그렇기에 열심히에서 더 ..

[Spring]MSA환경에서 JWT 로그인 구현

본 게시물은 아래 MSA강의를 참고하였습니다.(MSA에 대해 처음부터 공부하고 싶은분들은 아래 강의듣는 것도 추천드립니다 :) )https://www.inflearn.com/course/spring-cloud-%EA%B8%B0%EC%B4%88-msa 빠르게 배우는 Spring Cloud 기초(MSA) 강의 | bradkim - 인프런bradkim | , 1. 학습내용📕모놀리식에서 MSA로의 서버전환미리 준비된 모놀리식 서버에서 모듈간 의존성을 제거하며 MSA 서버로의 전환[사진]SPRING CLOUD핵심요소 학습API GATEWAY, EUREKA 등 기본 API라우팅www.inflearn.com MSA에서 로그인 구현이 다른 이유. MSA는 Monolithic 환경과 다르다.Monolithic에서는..

[Spring] 결제(포트원) 연동[결제 전/후 검증까지]

포트원 이란? 결제 시스템을 구현하려면 은행API나 카드사 결제 시스템을 직접 붙이면 될 것이지만,각 결제 수단마다 연동방식도 다르며 무엇보다 보안 인증이 복잡하여 쉽사리 할 수 없는 것이 현실이다.그래서 PG사(Payment Gateway)를 사용한다.(PG: 온라인 스토어와 카드사, 은행 사이에서 결제 승인을 중계해주는 시스템) 그런데 우리 입장에서 이 PG사의 결제시스템을 붙이는 것도 쉽지 않고,결제가 올바르게 이루어진 것인지에 대한 사전,사후 검증에 대한 API까지 직접 구현하기가 쉽지 않다.그래서  구현하기가 쉬우면서, 사전/사후 검증에 대한 API까지 제공하는 포트원을 결제시스템으로 많은 개발자들이 이용한다.  이 포스트는 포트원 세팅-백엔드 세팅(결제 전 검증, 결제 후 검증)-프론트 세팅 ..

[FireBase]FCM 앱-스프링 연동

구현 이유 지난번 포스트를 통해, 헬스커넥트의 데이터를 가지고 와서 스프링서버로 전송하는 자체 앱개발을 통하여스마트워치를 통해 쌓은 헬스,수면데이터를 스프링서버로 가지고와서 웹서비스로 활용 할 수 있는 구조를 만들었다.그런데 사실 웹서비스에서 실시간으로 바뀌는 내  건강데이터를  조회하려고 할 때마다 앱에서 스프링서버로 건강데이터를 보내야한다. 그러나 내가 개발한 앱은 화면에서 버튼을 누르면 스프링서버로 데이터가 전송되는 구조다.따라서, 사용자가 서비스에서 건강데이터를 조회하려고 하면 먼저 스프링서버가 앱에게 '데이터를 달라' 라고 요청을 하고,앱이 그에 따라 자동으로 데이터를 스프링서버로 전송하는 구조를 만들어야했다.그런데 서버와 서버간에 통신을 하는 것처럼 서버와 앱은 통신할 수 없다.앱은 서버처럼 ..

Ep 21. 인공지능

Prologue . AI 보편화 요즘 형이 챗GPT에 빠져 나에게 막 AI로 만든 이미지나 영상을 이것저것 보낸다...IT에 관심도 없거니와 컴퓨터 게임도 하지 않으면서 돈 한 푼 허투로 쓰지 않는 형이 심지어는 챗GPT 유료결제까지 했다고 해 나로서는 꽤 놀라운 일이었다.나야 개발을 공부하고, 또 이런저런 문서 작성할 게 많았어서 AI 기술의 혜택을 보며 완전 밀접하게 보내지만IT에 관심이 없는 형까지 AI에 푹 빠졌다하니 이제는 정말 모두가 AI에 영향을 받는구나 싶었다. 특히나 이번주 챗GPT에서 도입한 새로운 기술로 인해 세계적으로 자신이 가진 사진을 지브리풍 이미지로 변환하는 것이유행이 되면서 챗GPT 주간활성사용자 수가 처음으로 5억명을 돌파했다고 한다... 개발을 시작하게 되면서 나도 AI를..

[Android]헬스커넥트 연동 앱 만들기

개발이유 팀 프로젝트에서 핵심적인 기능이 스마트워치(갤럭시 워치)에 있는 건강 데이터를 스프링 서버로 가지고와 사용자에게 부가적인 서비스를 제공하는 것이었다.그러나 문제는 삼성헬스에서 내 스프링 서버로 데이터를 받는 API는 없다.갤럭시워치에 쌓이는 데이터는 내 모바일 앱의 삼성헬스에 연동되는데 그 데이터는다시 헬스커넥트(삼성과 구글에서 만든 앱)에 연동된다.그래서 건강데이터를 스프링 서버로 가지고 오는 유일한 방법은  헬스커넥트의 데이터를 가지고와서 우리 스프링 서버로 보내주는 앱을 만드는 것이다. 다만, 스프링 위주의 웹개발만 해봤을 뿐 앱개발과 코틀린은 처음이었다.그래서 아래 나같은 사람을 위해 차근차근(?) 설명해놓았으니 GPT에게 도움을 받아가면 충분히 할 수 있을 것이다. 1.안드로이드 스튜디..

Ep 20. 각성효과

Prologue . 각성효과? 팀 프로젝트를 진행하는 데 있어 난관이 생겼다.스마트워치에 기록된 건강데이터를 스프링으로 가져오기 위해서는 자체 앱을 만들어야하는 상황이었다.지금까지 배운 것은 웹개발에다 앱 개발환경이니 언어니 아무 것도 모르기에 난관이었다.일단은 그래도 필요한 상황이니 일단 주말에 시도는 해보기는 하는데 각이 안나오면 바로 포기해야겠다는 판단이 들었다.다른 할 게 많았기에 앱을 만드는데 시간을 너무 쏟아버리면 안 되기 때문이다. 그리고 금요일, 학원이 오후 6시에 문을 닫아 몇명의 동기들과 함께 수업이 끝난 뒤 카페에 가서 자습을 했다.나는 카페인을 먹으면 잠을 못 자고,배가 아프기도 해서 카페인이 들어간 음료는 절대 먹지 않는데,그 날따라 밀크티가 땡켜 밀크티를 마셨다. 카페인은 중추신..