티스토리

탑팀 코딩 성장일지

검색하기

블로그 홈

탑팀 코딩 성장일지

leejincha.tistory.com/m

탑팀의 코딩 성장기

구독자: 20

방명록 방문하기

주요 글 목록

오랜만입니다. :) 이번 달 다시 홍콩으로 이직하게 되어 오랜만에 제 개발 블로그에 들어오게 되었어요. 그새 소소하지만 구독자도 늘어있고, 제 글들이 누군가에게 도움이 되었다고 생각하니 뿌듯하더라구요. ㅎㅎ오랜만에 2022년 말 항해99 부트캠프를 같이 했던 분들의 블로그도 하나하나 다 들어가 보고, 제 블로그 글도 찬찬히 보면서 참 아등바등 제로베이스에서 노력 많이 했다는 생각이 들었습니다. 저는 부트캠프 하는 동안 개발이 너무 힘들었고, 사실 흥미를 많이 느끼지 못했었어요. 그래서 개발 직무보다는 PM직무와 기획 직무로 알아봤는데 운이 좋게도 부트캠프 수료 직후 한국에서 모 중소기업의 기획 직무, 호치민에 있는 멋싸의 교육매니저 직무 그리고 태국의 모 게임회사의 PM직무에 합격했지만 결국 원래 하던 분야에서 일하기로.. 공감수 1 댓글수 2 2024. 12. 17.
나를 믿고 가보자고! - 구글 수석 디자이너 김은주님 강연 https://www.youtube.com/watch?v=HYUPkKgIUqg 지난 4개월 동안 잠을 줄여가며 부트캠프를 달려오다 여유가 살짝 생겼다고 또다시 불안함이 몰려온다. 면접을 볼수록, 공부를 할수록 너무 부족한 것 같아서 이럴 때마다 찾는 나의 방법 중 하나인 자존감 상승 강연 찾아보기를 해보았다. 이 강연을 보고 또다시 정신을 차렸다!'나는 나를 믿자!, 내 인생 내가 책임져야 하는데 믿을건 나밖에 없다!' 에미레이트 항공을 다닌 후에 동료들과 승객들의 인생스토리를 통해 삶은 정말 다양한 방식이 있다는 것을 배우게 되었다. 한국에만 살았을 땐 사회가 정해놓은 보통의 기준, 잘 나가는 기준만 막연하게 따라가려고 하던 내 머리를 띵 하고 얻어맞는 경험을 여러 번 했었다. 분명히 한국에 돌아오.. 공감수 3 댓글수 4 2023. 2. 24.
[95] TIL <IT용어 도감> 마스이 토시카츠 지음 어제 구입한 새로운 책! 깊이 있는 설명은 아니지만 그래도 대략적으로 256가지의 IT용어 설명이 있어서 한번 훑어 보려고 구매했다. 처음보는 단어도 많고, 익숙한 단어도 있고, 읽으면 이해가 되는데 내가 다시 설명하려면 참 어렵다. 많은 연습이 필요할 것 같다. 개발자 직무와 PM 직무 모두 일단 기본 개념을 알아야 면접에 통과할 수 있다. 아직 갈길이 멀지만, 조급해 하지 말고 내 속도대로 준비해보자. 이 책에서 본 몇가지를 정리하는 걸로 오늘 TIL 마무리 하기. 1. 스레드와 프로세스 컴퓨터는 여러 프로그램을 동시에 실행할 수 있기 때문에 어느 처리가 CPU를 사용할지 OS를 할당하는데, 이때 분할하는 단위를 말한다. 프로세스는 OS가 실행하는 프로그램의 단위이다. 일반적으로는 프로그램 1개를 실.. 공감수 0 댓글수 0 2023. 2. 22.
[KB국민은행 IT's Your Life 3기] 면접 후기 [KB국민은행 IT's Your Life 3기] 면접은 온라인으로 진행되었고, 한 조에 면접자 3명씩 참가했다. 이미 이전에 기술면접에서 털린 경험이 있기 때문에 기술면접 예비 질문을 미리 좀 읽고 참가했지만, 기술 면접 보다는 인성 면접에 가까웠다. 이번엔 합격을 할 거라는 기대보다는 다른 참가자들이 면접을 어떤식으로 보는지 궁금해서 참가했다. 나와 같은 조였던 한 분은 컴공 전공자 학생분이었고, 다른 한 분은 비전공자 출신이지만 1년 가량 개발을 공부하신 분이셨다. 프로젝트에서 어떤 부분을 맡았는지 구체적으로 묻는 질문이 있었는데, 이 질문은 어딜 가나 받는 질문인 것 같다. 미리 잘 준비하면 좋을 듯! 너무 면접 후기가 없어서 긴장했는데, 생각보다 면접 난이도가 높지는 않고 면접 분위기도 엄하지 않.. 공감수 0 댓글수 1 2023. 2. 22.
기술 면접 준비 (3) 31. N+1 문제의 발생 이유와 해결 방법에 대해 설명해주실 수 있을까요? 해결 방법은 3가지 이상 말씀해주시면 좋습니다. N+1 쿼리는 JPA의 프록시로 인한 지연 로딩 때문에 발생합니다. 정확한 의미는 1개의 쿼리를 실행했을 때, 내부에 존재하는 컬렉션들을 조회해오면서 생기는 문제입니다. 아래는 해결방법 입니다. 1 : Fetch Join (join Fetch를 사용합니다. 쿼리 한 번으로 해결할 수 있습니다) 2 : @EntityGraph (@EntityGraph의 attributePaths에 쿼리 수행 시 바로 가져올 필드명을 지정하면 한 쿼리에 대해서만 Lazy가 아닌 Eager 조회로 가져오게 됩니다. 3 : FetchType = LAZY -> EAGER (ManyToOne, OneToOne.. 공감수 0 댓글수 0 2023. 2. 21.
[94] TIL 이틀 쉬었으니 다시 달려 볼게요 부트 캠프가 끝나고, 지난 주엔 긴장이 풀려서인지 아니면 한국에 들어온 친구 2명을 가이드하느라 지쳐서인지 몸살이 났다. 지난주 국민은행 교육과정 역량 평가 시험도 보고 면접도 어쩌다보니 두개 보고, 모의면접 (아니고 멘토링)도 진행하다 보니 공부는 안 했지만 정신 없이 한 주가 지나갔다. 그리고 오늘, 다시 월요일이 왔다. 부트 캠프 하는동안 한번도 본가에 오지 못해서 강원도에 왔지만 마음이 찜찜해 갖고온 책이라도 폈다. 비전공자를 위한 이해할 수 있는 IT 지식 | 최원영 - 교보문고 비전공자를 위한 이해할 수 있는 IT 지식 | IT 시대의 필수 교양서우리는 매일 스마트폰으로 메시지를 보내고, 컴퓨터로 일을 합니다. 또 음식점에서 키오스크로 주문하고, 가상현실에서 게임을 product.kyobobo.. 공감수 0 댓글수 0 2023. 2. 21.
기술 면접 준비 (2) 16. 복합 인덱스란 무엇인지 원리를 설명해주실 수 있을까요? 복합 인덱스란 두 개 이상의 컬럼을 합쳐서 인덱스를 만드는 것을 말합니다. 주로 단일 컬럼으로는 나쁜 분포도를 가지지만 여러 개의 컬럼을 합친다면 좋은 분포도를 가지고, Where절에서 AND 조건에 많이 사용되는 컬럼들을 복합 인덱스로 구성합니다. index Table에서 where에 포함된 값을 찾아옵니다. 해당 값의 table_id[PK]을 가져옵니다. 가져온 table_id [PK] 값으로 원본 테이블에서 값을 조회해옵니다. 17. 트랜잭션이란 무엇이고 원자성, 일관성, 고립성, 지속성이란 무엇인지 설명해주실 수 있을까요? 트랜잭션(Transaction 이하 트랜잭션)이란, 데이터베이스의 상태를 변화시키기 해서 수행하는 작업의 단위를 .. 공감수 0 댓글수 0 2023. 2. 20.
기술 면접 준비 (1) 1. 배열, 링크드리스트를 비교하여 설명해주실 수 있을까요? 배열은 입력된 데이터들이 메모리 공간에서 연속적으로 저장되어 있는 자료구조이며 메모리상에서 연속적으로 저장되어 있는 특징을 갖기 때문에 index를 통한 접근이 용이하다는 장점이 있으나 삽입/삭제가 오래 걸리고 배열 중간의 데이터가 삭제 되면 공간 낭비가 발생할 수 있는 단점이 존재합니다. 링크드리스트(연결리스트)는 여러 개의 노드들이 순차적으로 연결된 형태를 갖는 자료구조이며 각 노드는 데이터와 다음 노드를 가리키는 포인터로 이루어져 있는 트리(tree)구조의 근간이 되는 자료구조입니다. 배열과 달리 메모리를 연속적으로 사용하지 않아 삽입/삭제에 용이하다는 장점이 있습니다. 그러나 index로 임의 접근이 불가하며 처음부터 탐색을 해야하는 단.. 공감수 0 댓글수 0 2023. 2. 20.
[93] TIL 항해99 수료, 인텔리픽 모의 면접 오늘 드디어 항해99 수료를 했다. 45명으로 시작해 22명만 남은 우리 B반. 그만큼 쉽지 만은 않은 여정이었다. 정말 0부터 시작했던 지라, 많이 벅차고, 포기하고 싶고, 주변 사람들을 보면서 '난 개발에 소질이 없는 건가?' 라는 생각도 많이했던 지난 99일. 마지막 프로젝트 마치고 마음이 많이 뒤숭숭 했는데, 오늘 수료식에서 '성장속도 상상 그 이상'을 받았다. 난 항상 내가 많이 부족하다고 생각했는데, 같은 반 사람들이 뽑아줘서 더 의미가 있는 상이다. 그동안 같은 반 분들한테 많이 물어보고 귀찮게 했었는데 그럴때마다 다들 친절하게 알려줘서 너무 고마웠다. 이 말을 꼭 전하고 싶었는데, 정말 기대도 안하다 갑자기 상을 받아서 그냥 감사합니다 라는 짧은 말밖에 못 전한게 너무 아쉽다. 수료식이 끝.. 공감수 1 댓글수 2 2023. 2. 18.
모의면접 예상 질문 (이력서 기반) OAuth 2.0 OAuth 2.0을 사용한다면 대부분의 로그인, 개인정보 관리 책임을 서드파티 애플리케이션 (Google, Facebook, Kakao 등)에게 위임할 수 있다. (단, 사용자가 기존에 서드파티 서비스에 회원가입이 되어있어야 함) 뿐만아니라 각 서드파티가 가지고 있는 사용자의 리소스를 조회 등을 내 애플리케이션에서 수행할 수 있다. Resource Owner : 리소스의 권한을 가진 사용자. 사용자 혹은 유저(User)라고도 한다. ex) 나몰닭 유저 Client : 리소스 서버에 접근을 요청하는 어플리케이션 혹은 웹 사이트. 즉, 서비스를 제공자이며 Third Party Application 라고도 한다. ex) 나몰닭이 여기에 해당 Authorization Server : 액세스 토.. 공감수 0 댓글수 0 2023. 2. 17.
[KB국민은행 IT's Your Life 3기] SW역량평가 후기 ( 합격 ) 오늘 아침 [KB국민은행 IT's Your Life 3기] SW역량평가 시험이 있었다. 10시 30분 부터 시작인데, 9시 55분까지 메일로 받은 줌 링크로 접속하여 오리엔테이션을 진행하고, 줌을 킨 상태로 시험을 보는 형식이었다. 총 문제는 40문제, 1시간 안에 풀어야 했다. 몇몇 부트 캠프나 개발 교육 프로그램들은 사전 시험이 있다고 들어봤지만, 직접 참여해본 건 처음이다. 이번이 3기라 그런지 별로 시험에 대한 후기가 없어서 대략 알고리즘 문제겠지? 라고 추측 했는데, 결론은 아니었다. 내용을 포스팅 해도 되는지 확실히 몰라서 대략 설명하자면, 공기업 NCS 문제가 반 그리고 알고리즘 사고를 해야하는 문제가 반 정도 된 것 같다. 공학용 계산기 혹은 일반 계산기 사용이 가능했다. 도구가 있어도 쓸.. 공감수 0 댓글수 1 2023. 2. 16.
기술 면접 후기 ( 아 심히 창피하다 ) 오늘 봤던 PM직무 면접에 기술 면접이 포함되어 있었다. 사실 기술 면접이 있을 줄 모르고 준비를 하나도 안하고 본지라 쉬운 문제만 주셨음에도 불구하고 제대로 답변을 하지 못했다. 하 창피하다 정말 ^-ㅠ. 어쨌든 PM으로 지원을 계속 할거라면 당분간 기술 면접 준비도 꾸준히 해야할 것 같다. 정말 열심히 했나? 라고 되돌아 보게 되는 하루였다. 솔직히 더 하면 할 수 있었을 것 같은데, 너무 안일하게 공부를 했던 것 같기도 하고, 오늘은 자기 반성이 필요하다. 1. API란 무엇인지 간단하게 설명해주세요. Application Programming Interface : Inter는 ~ 간에, ~ 사이에, face는 '면' , 면과 면 사이에 무언가를 프로그래밍 적으로 작동하게 해주는 것. 이라고 이해하.. 공감수 0 댓글수 0 2023. 2. 16.
기술 면접 준비 1. 배열, 링크드리스트를 비교하여 설명해주실 수 있을까요? - Array는 연속된 메모리 공간에 존재하고 Linked List는 메모리 상에서 떨어져 있는 데이터들이 앞의 데이터와 뒤의 데이터를 기억하는 형태로 존재한다. - Array에 저장되어 있는 데이터를 조회할 때는 O(1)로 가능하지만 Linked List는 O(N)이 소요된다. - Array에 데이터 추가 및 삭제할 때는 O(N)이 소요되지만 Linked List는 O(1)로 가능하다. - 추가적으로 Array는 컴파일 과정에서 메모리가 할당되는 정적 메모리 할당인 반면 Linked List는 런타임 환경에서 메모리가 할당되는 동적 메모리 할당이다. - 또한 배열은 Stack 영역에 메모리 할당이 되고, Linked List는 Heap 영역에.. 공감수 0 댓글수 0 2023. 2. 14.
개발자 취업 Tip 2 ( 팀스파르타 온라인개발팀 이동현 팀장님 ) 3달 안에 무조건 취업 뽀개는 방법 취업, 왜 이렇게 어려운 걸까 ? 본인을 잘 모르고, 주어진 환경을 잘 모르기 때문 나의 강점을 잘 모르기 때문이다. 당신은 신입 개발자로서 어떤 사람인가요?에 대한 질문을 던져보자. 매력어필을 잘 하는 것이 중요하다. 의지가 있는 한, 타석에 오를 수 있다. 홈런왕은 삼진왕. = 실수하고 개선하는 과정이 필요하다. 최대한 많이 지원하고 부딪혀보면서 배워야 한다. 빨리 준비해서 빨리 한대 더 맞는게 중요해. 실패에서 더 잘 배우기 면접을 보면서 피드백을 여쭤보자, 보안할 점 더 공부해야할 점. 계속해서 기술적인 챌린지를 유지해야한다 = 기술 블로그, 알고리즘, cs공부 처음 시작할 때와 비교하면 많이 성장해있음을 볼 수 있을 것이다. 3달 뒤에 또 성장할 모습을 상상하.. 공감수 0 댓글수 0 2023. 2. 13.
개발자 이력서는 어떻게 쓰면 좋을까? 다음은 지난주에 있었던 토스뱅크 프론트엔드 개발자 박지혜 멘토님, 네이버 시크플랫폼 개발자 김건희 튜터님의 이력서 특강 내용을 정리한 부분이다 ! 포맷을 맞춰서 보기 쉽게 한 장으로 ( 항해 이력서 포맷 참고/ 한눈에 보기 쉽게 / 스토리텔링 있도록 ) 깃허브를 이용하자! 깃허브 프로필 잘 꾸미기 어떤 기술로 어떤 개선사항이 있었는지 적어주기 ( 이력서 프로젝트 아래에 ) 유저수 만족도 구체적으로 어떤 피드백이고 어떻게 개선했는지 적용하면 더 매력적일 듯. 노드 : AWS 사용해서 로드밸런싱 한 경험 어필 등 서버 개발자의 역량을 좀 더 어필하기. 사용기술 왜 그 기술을 선택했는지, 그 질문을 잘 준비해야 함 ( 면접 ) 경험은 최대한 자세하게 적기. 무엇을 했는지 알 수 있도록. 항해에서 제공하는 포맷.. 공감수 0 댓글수 0 2023. 2. 13.
개발자 취업 Tip 1 ( 김선우 멘토님 ) 지난주 토요일 김선우 시니어 개발자님이 주신 개발자 취업 팁을 정리해 보자 ! 신입을 채용하는 기준 : 1. 책임감 2. 의지, 열정 신입을 뽑는 목적 = 잠재력을 보고 투자하겠다는 것 . 과제수행을 할거야 ( 온보딩 기간 ) 중요한건 좌절하지 않는 마음 . 중꺾마 입사 후 1년은 배우는 기간, 1인분을 만들어나가는 기간 면접 들어갈 때 핸드폰 녹음을 키고 들어가서 나중에 피드백을 받도록 이력서 작성 팁 자기소개서는 별로 관심 없음 - 즉, 주저리주저리 쓸 필요 없음. 할줄 아는 능력이 중요함 프로젝트에서 뭘 했는지 기술스택 이력서는 PDF 기준 한 장 정도면 된다. (compact 하게 ) 이력서를 통해서 질문을 유도하게 ( 따라서 자신있는 것만 적기 ) 잘 할 수 있고, 잘 설명할 수 있는 것만 적기.. 공감수 0 댓글수 0 2023. 2. 13.
[89] TIL 실전 프로젝트 발표 드디어 실전 프로젝트 발표가 끝났다. 리더님 덕분에 발표도 무사히 잘 끝났고, 오랜만에 주특기 주차 때 도와주셨던 기술 매니저님들도 보고 담임 매니저님도 만나서 반가웠다. 다른 반 사람들의 발표를 보면서, 다들 99일이라는 시간 동안 정말 많이 성장하셨구나, 같은 기간 같은 교육 과정을 수료한 게 맞나? 싶을 정도로 멋있었다. 다들 각자 다른 배경에서 다른 이유로 개발을 시작했을 텐데, 끝까지 존버해서 이 과정을 버텨내신 것에 박수를 보내 드리고 싶다. 프로젝트가 끝나기만을 기다렸는데, 막상 끝나고 나니 이제 본격적으로 취업 시작, 공부 시작이라는 생각이 든다. 우리반 모두 좋은 회사에서 좋은 주니어 개발자로 시작하기를 ! 공감수 0 댓글수 0 2023. 2. 11.
[88] TIL 실전 프로젝트 발표 D-1 ! 근데 아직 코드 수정 중 ㅎ 1. 어려웠던 부분 : 내일 드디어 실전 프로젝트 발표날이다. 오늘은 마지막으로 아무 문제가 없는지 테스트를 하고, 시니어 개발자님이 주신 마지막 발표 자료 피드백을 검토하는 시간을 가졌다. 그런데 문득, 리프레시 토큰 관련 코드에 오점이 있다는 것을 알게 되었다. 지난주 토요일 피드백에서 시니어님이 리프레시 토큰은 클라이언트에 보낼 필요가 없다고 하셔서 서버에서 액세스 토큰만 헤더에 실어주고 있었고 엑세스 토큰만 활용해서 토큰 재발급을 하고 있었는데, 이 로직 그대로라면 토큰 검증없이 계속해서 발급해주는 거라 보안상 말도 안되는 것이었다. 다른 팀원분이 지난 토요일 피드백받을 때 녹화하신 영상본이 있어서 다시 봤는데, 영상을 다시 봐도 시니어님이 말씀하신 부분은 리프레시를 굳이 클라이언트단으로 보내지 .. 공감수 0 댓글수 0 2023. 2. 9.
[29] 웹소켓 연결 끊김 문제 - 스레드 제어 synchronized 동기화란 ? 프로세스 또는 스레드들이 수행되는 시점을 조절하여 서로가 알고 있는 정보가 일치하는 것을 의미 우리가 알다시피 컴퓨터는 프로세스 또는 스레드로 작업을 실행합니다. 예를 들어 a = 2 라는 자원이 있다고 해보겠습니다. P1이라는 프로세스는 a라는 값을 이용해서 어떠한 로직을 수행합니다. 그런데 만약 그 사이 P2라는 프로세스가 a의 값을 3으로 바꾸게 된다면 어떻게 될까요? 아마 프로그램은 우리가 원하는 형태의 값을 반환하지 않을 것입니다. 이때 우리는 a를 공유 자원이라고 말하고, 이렇게 두개 이상의 프로세스 혹은 스레드가 동기화 없이 접근하려는 현상을 race condition(경쟁 상태)라고 합니다. 그리고 이러한 문제를 해결하는 것. 즉 서로가 알고있는 정보를 일치시키는 것을 sync.. 공감수 1 댓글수 0 2023. 2. 8.
[87] TIL 항해99 수료 D-6 ! 1. 어려웠던 부분 : 없다 ! 오늘은 프론트엔드분들과 디자이너님의 UI변경을 제외한곤 백엔드 팀은 급하게 처리해야할 일은 없었다. ( 뭔가 한가한게 싸늘하다. 쉴새없이 달려왔는데, 이렇게 갑자기 하루가 여유가 있으니까 이상하다. ) 2. 느낀 점 : 오늘은 여유가 있어서 유튜브로 개발자 브이로그, 개발자 면접, 개발자 현실 등 다양한 컨텐츠들을 찾아봤다. 수료를 코앞에 두고 요즘들어 정말 내가 개발자가 될 수 있는 사람인가에 대한 고민이 많아졌다. 그래서 자꾸만 위와 같은 영상을 찾아보면서 스스로를 객관적으로 판단해 보려 한다. 항해를 하면서 아 이사람은 진짜 개발 머리가 타고났다 라고 생각드는 사람도 있는데, 일단 나는 아니다. 언젠가 같은반 팀원분이 나는 '노력형 천재'라고 정말 기분좋은 칭찬을 해.. 공감수 0 댓글수 0 2023. 2. 8.
[86] TIL Refresh Token 트러블 슈팅 1. 어려웠던 부분 : 리프레시 토큰을 이용해 액세스 토큰 재발급을 하는 api가 이상하게 게임룸페이지 안에서는 정상 작동하지 않았다. 로비페이지 랜딩페이지, 커뮤니티 페이지에서는 문제없이 토큰 재발급이 되고 로그인이 순조롭게 연장이 되는데 확실하진 않지만 WebRTC 때문인지 WebSocket 때문인지 뭔가 충돌이 있는 듯 하다. 처음에 의심한 부분은 아래 사진과 같이 다른 페이지들에서는 Request Header 부분에 키값이 accesstoken 으로 그리고 밸류가 토큰값으로 잘 들어가는데 게임룸에서는 cookie 라는 키값에 밸류로 액세스토큰 값과 닉네임 값이 같이 들어가 있는 부분이었다. 결론적으로 이 부분은 상관이 없던 문제 였던 것 같다. 프론트엔드 팀원분과 오랜 삽질 끝에 문제의 해결책을 .. 공감수 0 댓글수 0 2023. 2. 7.
[28] 동시성 제어 - 낙관적(Optimistic) 락, 비관적(Pessimisitc)락 나몰닭 서비스는 게임이다보니, 게임룸을 입장할 경우 충돌이 발생할 수 있다고 가정하였다. 실제로 팀원들과 테스트해 본 결과 게임룸에 여러명이 동시 입장을 시도할 경우 서버가 터져버리는 버그가 발생하였다. 우리 팀은 게임룸 입장 로직에 아래와 같이 비관적 락을 DB에 걸어주었다. 아래의 조치를 통해 DB엔 트랜잭셔널 직렬화가 잘 처리되었지만, 웹소켓 연결은 여전히 충돌이 일어났다. 웹소켓 동시성 제어 관련은 다음 게시글에 포스팅하기로 하고, 오늘은 일단 DB관련 동시성 제어에 대해 포스팅 해보려 한다. @Lock(LockModeType.PESSIMISTIC_WRITE) @Query("select b from GameRoom b where b.gameRoomId = :gameRoomId") Optional .. 공감수 0 댓글수 0 2023. 2. 6.
[85] WIL실전프로젝트 5주차 회고 1. 어려웠던 부분 : 이번주에 드디어 준비한 서비스 배포를 했다. 그런데 하자마자 큰 이슈가 발생했다. 바로 웹소켓 연결이 게임을 끝내고 게임방을 나가도 끊어지지 않아서 계속 채팅이 콘솔로그로 확인했을 때 보이는 문제였다. 이 부분을 프론트엔드 코드에서 웹소켓 연결을 끊어주는 부분을 추가하여 해결 할 수 있었다. 리프레시 토큰의 경우에도 처음에 액세스 토큰을 이용하여 토큰 재발행 api 호출을 어떻게 해야할지 몰라 에러 코드로 프론트엔드와 맞춰보기도하고 별짓 다 해보면서 많이 헤맸다. 그러다 프론트에서 setTimeout()을 이용하여 토큰 만료 일정 시간 전 요청이 가도록 수정하여 해결 할 수 있었다. 이미지 파일을 저장하고 있는 S3의 엔드포인트 주소가 이미지 url에 그대로 노출되고 있었는데, 이.. 공감수 1 댓글수 2 2023. 2. 5.
[84] TIL Refresh Token 헤더에서 없애기 1. 어려웠던 부분 : 오늘도 돌아온 토요일 답게 시니어님께 피드백을 듣는 시간을 가졌다. 리프레시 토큰과 관련해서 어디에 저장하고 어떻게 관리하는가에 대한 질문을 주셨는데, 현재 우리는 서버에도 저장하고 클라이언트 헤더에도 리프레시토큰을 저장하고 있었다. 처음 리프레시 토큰 레퍼런스 깃헙 자료를 참고로 구현하다보니 구현 후에 이 부분이 궁금했는데, 멘토링 덕분에 궁금증이 해결되었다. 클라이언트에는 리프레시 토큰을 저장하지 않는게 맞다. 그래서 액세스 토큰은 클라이언트 쿠키에 저장하고 리프레시 토큰은 서버에만 저장하는 방식으로 수정했다. 2. 느낀 점 : 확실히 멘토링 할때마다 시니어님의 조언으로 궁금증이 해소되는 부분이 많다. 우리가 헷갈려하고 궁금했던 부분들을 스스로 찾아 볼 수 있도록 키워드를 던져.. 공감수 0 댓글수 0 2023. 2. 5.
[27] 5주차 기술멘토링 피드백 정리 최종발표회 준비에 많은 시간을 쏟기 보다 그 이후에 면접을 보고 개발자로 커리어를 시작하는게 중요 따라서 추가기능이나 구현을 먼저 하는 방향으로 그리고 이력서를 미리 준비할 것 ! ( 포맷 미리 잡고 준비하기 ) 최종발표회는 기술적으로 까다롭게 물어보지 않는 편, 다음주는 이력서 작성법, 모의면접 잘 활용해서 취업에 집중 하기 ! 우리 프로젝트에서 기술적으로 강점을 삼을 만할 항목을 정리해 주세요. (최종 발표 및 면접에서 프로젝트를 진행할 때 어떤 도전을 했는지 말할 수 있는 좋은 소스가 됩니다) [ FE ] : 더 나은 유저 경험을 위한 무한 스크롤 기능 [ FE / BE] : 잦은 로그아웃 방지를 위한 Refresh Token 사용 [ FE / BE ] : WebSocket을 이용한 채팅 서비스 구.. 공감수 0 댓글수 0 2023. 2. 4.
[83] TIL 카카오 로그인 버그 수정 1. 어려웠던 부분 : 서비스 배포 후 몇몇 유저들이 카카오로그인을 하면 'JWT토큰이 만료되었습니다.' 라는 오류 메세지와 함께 계속해서 튕기는 오류가 있었다. 왜 우리 팀원들이 할 때는 잘 되는데 안되지?라고 다시 카카오 로그인을 하나씩 뜯어보니 로그인 시 이메일 허용이 선택사항으로 되어있었는데, 이 부분을 체크하지 않으면 위와 같은 오류가 떴던 것이었다. 이를 해결하기 위해 Kakao Developers 의 내 애플리케이션 - 카카오로그인 - 동의항목 에서 이메일이 선택동의로 되어있었다. 이 부분을 필수동의로 바꿔주니 해당 오류가 해결 되었다! 호 ~ 2. 느낀 점 : 서비스 배포를 통해 코드만 잘 짜서 되는게 아니라 환경설정이 참 중요하다는 것을 배우고 있다. AWS, 소셜로그인, 깃헙액션 등 설.. 공감수 0 댓글수 0 2023. 2. 4.
[26] Refresh Token with Redis final! 최종 버전 :) 토큰 생명주기 관리를 위해 Redis TTL(Time To Live) 기능을 사용하는 방향으로 수정해 보았다. TTL기능을 사용하기 위해선 CrudRepository를 상속받아야 한다. 그래서 수정된 코드는 아래와 같다! 1. RefreshToken (entity) // 기능 : Redis에 Refresh Token 저장 @Getter @Setter @NoArgsConstructor @RedisHash(value = "refreshToken", timeToLive = 7 * 24 * 60 * 60L ) // 초단위 = 7일 public class RefreshToken { @Id private String email; private String refreshToken; public RefreshToken.. 공감수 0 댓글수 0 2023. 2. 4.
[82] TIL Refresh Token 적용! (FE랑 맞추기) 1. 어려웠던 부분 : 오늘 드디어 프론트엔드 팀원분과 그동안 작성하고 기다리고 있던 리프레시토큰을 적용해보았다. 분명히 나는 헤더에 엑세스토큰과 리프레시토큰을 보냈는데, 쿠키엔 undifined 라고 떠서 어디서 막힌걸까 헤맸는데, 지나가는 시넌님이 개발자창의 Network tap을 활용하는 법을 알려주셨다. 네트워크탭을 확인해보니 다행히 백에서는 response header에 토큰을 잘 담아 보내주고 있었다. 프론트에서 쿠키에 set하는 과정에서 오류가 있었는데 이 부분을 수정한 뒤 잘 반영이 되었다. 비록 길을 잃어 삽질하느라 9시간이나 걸렸지만, 그래도 오늘 안에 나의 밀린 과제였던 리프레시 토큰을 해결해서 다행이다! 2. 느낀 점 : 백엔드는 보통 디버깅을 할 때 log를 찍거나 디버깅을 하는데.. 공감수 1 댓글수 0 2023. 2. 3.
[81] TIL 서비스 배포 당일. 대참사! 웹소켓 안 끊김 ; 1. 어려웠던 부분 : 오늘 드디어 서비스 배포를 했다. 그런데 배포하자마자 엄청난 오류가 발생했다. 게임룸에서 나와도 웹소켓이 제대로 끊기지 않아서 콘솔창으로 확인했을 때 계속해서 채팅내용이 보이고, 또 게임방에 입장했을 때 갑자기 2개 3개로 입장이 되는 등.. 배포하자마자 오류를 발견해서 허겁지겁 고치기 시작했다. 원인은 프론트단에서 웹소켓을 끊어주는 코드가 빠져있었다. 아래의 코드를 추가하고 에러 해결! 휴 진땀 났던 몇 시간 ;; .delete(`rooms/${param.roomId}/exit`) .then(async (res) => { socketRef.current.close(); console.log('클라이언트', client.current); client.current.deactivat.. 공감수 0 댓글수 0 2023. 2. 2.
[80] TIL 서비스 배포 D-day1 ! 1. 어려웠던 부분 : 오늘은 이런 저런 테스트를 하면서 자잘한 오류를 잡으면서 하루를 보냈다. 너무 사소한 오류들이라서 생각도 나지 않는다~_~ 피곤하다. 서비스 배포를 앞두고 구글 설문지 폼을 작성하고, 대외용 노션 페이지도 만들고, 홍보용 이미지와 카피라이터를 준비했다. 개발만 신경쓸게 아니라 서비스 하나를 만드는데 이것 저것 참 신경써야 할 부분이 많다. 2. 느낀 점 : 프로젝트 하나를 통해 정말 다양한 경험을 하는 것 같다. 기획부터 개발, 서비스 런칭 전 마케팅 준비까지. 덕분에 내가 어느 부분에서 더 흥미를 느끼고 잘 하는지 알게된 것 같다 : ) 3. 새로 알게 된 내용 : 구글 설문 폼 만드는 방법 (완전 쉬움 ! 아래 링크를 이용하기) https://www.google.com/intl.. 공감수 0 댓글수 0 2023. 2. 1.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.