개발자로 한걸음

최근 업로드

• 

  2025 Seoulana Hackathon 후기 2025 Seoulana Hackathon 후기2025.04.04 - 04.06 솔라나 수퍼팀 코리아 주최 해커톤 Seoulana에 BAY 학회원들과 참가했다.해시키 해커톤과 앱토스 아이디어톤이 끝난지 일주일도 안된채로 참가한거라 좀 진이 빠지긴 했지만, 새로운 팀원들과 함께 좋은 아이디어로 참가할 수 있어서 재밌었다.venue는 이노베이션 아카데미였는데, 여기가 42 서울 교육 장소라 아이맥이 엄청 많았다.그래서 아이맥 망가트릴수 있다고 개발하면서 물도 못먹게해서 우리팀은 그냥 밥먹는곳에서 개발했는데 이런 점은 불편했다.굿즈로는 보조배터리, 텀블러, 티셔츠, 스티커, 수건, 양말을 줬다. 도시락이랑 과자도 제공됐는데, 제공된 과자더미 사이에 pie.fun 팀이 초코파이를 두고 가서 '뭐하는 팀이지?'하.. 댓글 0 2025.04.25

• 

  2025 Hashkey Hackathon Taiyi 후기 2025 Hashkey Hackathon Taiyi 후기 2025.03.28 - 03.30일에 MyStarZ 팀과 해시키 체인에서 주최한 해커톤을 참가했다.봉은사역 근처 아이파크타워에서 진행했는데 대회장이 되게 작아서 1차 당황, 대회 나가면 홍바오(중국 용돈?) 준다고 팀원들 꼬셔서 참가했는데 3천원 정도의 HSK 밖에 안줘서 2차 당황했다ㅋㅋㅋㅋㅋ그래도 제공되는 도시락은 본도시락으로 퀄리티 되게 좋았다. 굿굿솔라나 코리아팀이 진행했던 Solana Bootcamp에서 잠깐 얘기 나눴던 Aleksey님도 보이셔서 반가운 마음에 인사드렸다. 다른 개발자 분들과도 잠깐 대화 나누고 새로운 분들 만나서 좋았다. 대회 url: https://lu.ma/va084lwn?tk=ybWGaq해시키 해커톤의 트랙은 Pa.. 댓글 0 2025.04.24

• 

  2025 AXI(Aptos x Xangle) Ideathon 후기 2025 AXI(Aptos x Xangle) Ideathon 후기연세대 블록체인 학회 BAY에서 만난 친구와 앱토스 아이디어톤을 참가해봤다.해시키 해커톤이 끝난지 얼마 안됐지만 APTOS 생태계가 궁금하기도 하고 모멘텀을 유지하고 싶어서 가벼운 마음으로 참가하게 되었다.솔직히 말하면 상금 규모에 비해 공지가 아래처럼 좀 대충만든거처럼 올라와서 더 가볍게 참가했던것 같기도 하다🌑 Aptos Xangle Ideathon (AXI) 개최 🌑앱토스와 쟁글이 앱토스 생태계를 확장하고 빌더들을 지원하기 위한 Ideathon을 개최합니다! AXI는 앱토스 생태계의 선도적인 프로젝트들과 참신한 아이디어를 발굴하는 글로벌 아이디어톤입니다. 앱토스 생태계에 열정이 있는 빌더라면 누구나 도전하고 글로벌 참여 파트너들.. 댓글 0 2025.04.24

• 

  2025 XRPL Korea De-Buthon 후기 2025 XRPL Korea De-Buthon 후기 2025.03.22 - 03.23 연세대 블록체인 학회 BAY 팀원들과 함께 리플 코리아에서 주최한 해커톤 DE-BUTHON에 나가게 되었다.광운대에서 개최되어서 가는데 좀 걸렸는데 대회장은 넓직하니 좋았다. 도착해보니 내 생각보다 훨씬 많은 200명 이상이 참가했다고 들어서 놀랐다. 굿즈로 키링이랑 스티커, 텀블러 받았다. 대회 url: https://lu.ma/mx26ho82?tk=MepDhT대회 영상1: https://x.com/i/status/1905412515162706359대회 영상2: https://x.com/i/status/1905414272626327659대회 SNS: https://x.com/DeButhon 해커톤 하다가 새벽에 셋이서.. 댓글 0 2025.04.23

• 

  2024 WEB2X connecTHON 후기 2024 WEB2X connecTHON 후기2024.09.27일에 씨피랩스에서 주최한 WEB2X 아이디어톤 connecTHON 본선 진출팀에 선정되어 피칭하러 다녀왔다. 호텔 뉴브에서 진행되었는데 행사장이 크고 세련됐었다. 굿즈로는 별게 없었고 CPLABS의 옷을 줬다.피칭 순서를 기다리는 동안 다른팀의 고등학생 친구가 현직자시냐고 말을 걸었는데 기특해서 이런저런 얘기를 많이 나눴던 기억이 난다ㅋㅋ토스에 가는게 꿈이라던 그 친구는 지금 뭐하고 지내려나 궁금하네 우리팀은 대회 아이디어로 스마트 컨트랙트 기반 경매 API 서비스를 기획했다.기존 경매 서비스는 입찰 기록의 불투명성, 부정 입찰자, 복잡한 절차와 높은 수수료 등의 문제가 있지만, 이는 스마트 컨트랙트를 적용하면 쉽게 해결 가능하다. 하지만 대부.. 댓글 0 2025.04.23

인기글

• 

  웹 기반 통합 인증 (SSO) 구현 통합 인증 (SSO) 구현최근 여러 자사 서비스들을 개발하면서 전체 서비스들에 대한 통합 로그인 솔루션이 필요하게 되었습니다.통합 인증(SSO) 서비스 개발을 진행하면서 얻은 지식들을 정리하고 공유해보려고 합니다. SSO란?먼저 SSO(Single Sign-On)은 1회 사용자 인증으로 다수의 서비스에 로그인을 허용하는 통합 로그인(인증) 솔루션입니다.SSO는 여러 서비스들이 독립적으로 동작하지만 같은 회사에서 제공하는 서비스일 때 유용합니다. 기존 방식SSO를 사용하지 않고 기존 방식대로 세개의 서비스에 로그인 로직을 따로 구현할 때의 문제점은 다음과 같습니다.사용자: 세 쌍을 기억해야 합니다.서비스 개발자: 로그인 화면 세 개, 데이터 베이스 세 개, 로그인 프로세스 세 개를 각각 구현 해야 합니다.. 댓글 1 2024.10.11

• 

  세션 기반 로그인 vs 토큰 기반 로그인 세션 기반 로그인 vs 토큰 기반 로그인유효한 사용자만 시스템 자원에 접근할 수 있도록 하는것을 접근 제어라고 합니다. 세션과 토큰에 관해 알아보기 전에 접근 제어의 개념에 대해 짚고 넘어가도록 하겠습니다. 인증과 인가접근 제어는 인증(Authentication)과 인가 (Authorization)라는 두가지의 개념을 포함하는데 두 개념이 비슷해서 혼동하는 경우가 많습니다.1. 인증인증은 사용자가 본인이 맞는지를 검증하는 절차를 의미합니다. 예시로는 아이디와 비밀번호를 통해 로그인을 하는 과정이 있습니다. 2. 인가인가는 인증된 사용자가 시스템 자원에 대한 접근 권한이 있는지 확인하는 절차를 의미합니다. 예시로는 게시글을 삭제하거나 수정할 때 작성자가 맞는지 확인하는 과정을 생각해보시면 됩니다. 세션과 .. 댓글 0 2024.10.11

• 

  Vue3에서 swiper 쓰는법 (오류 해결법) Vue3에서 swiper 사용법 (오류 해결법) swiper는 슬라이드를 만들때 사용하는 라이브러리로 많은 사랑을 받고 있습니다. 대부분의 사이트에서 슬라이드를 구현할 때 스와이퍼를 사용하죠. swiper의 공식 사이트에 가보면 기본 js 뿐만아니라 react, angular, vue의 demo 코드도 제공하기 때문에 초심자들도 따라 배우기가 쉽습니다. https://swiperjs.com/demos Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 문제 그런데 공식 사이트에서 제공하는 demo 코드.. 댓글 2 2022.02.05

• 

  Swiper 양쪽 끝에서 드래그시 밀림 막기 Swiper 양쪽 끝에서 드래그시 밀림 막기 swiper를 사용하다보면 맨 왼쪽이나 맨 오른쪽 슬라이드에서 드래그 시 슬라이드가 살짝 밀리는 모습을 볼 수 있습니다. 경우에 따라 이게 많이 거슬리는 경우가 있는데, 이 현상을 막을 수 있는 스와이퍼 옵션이 있습니다. https://swiperjs.com/swiper-api Swiper API Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com swiper api를 보시면 resistanceRatio라는 옵션이 있는데, 이 옵션을 사용하면 양쪽 끝에서 밀리는 정도를 조절할 수 .. 댓글 0 2022.01.30

• 

  오픈그래프(open graph) & 트위터카드(Twitter card) 필수 속성 정리 오픈그래프(open graph) & 트위터카드(Twitter card) 필수 속성 정리 - 오픈그래프란 사이트가 SNS를 통해 공유될 때 미리보기 형식으로 나올 컨텐츠를 정하는 용도로 메타태그 안에 설정합니다.카카오톡으로 url을 보냈을 때, 아래의 사진과 같이 사이트의 설명과 썸네일을 포함한 카드가 생기는 것을 많이 보셨을 거에요. 오픈그래프는 바로 이 카드의 내용을 설정할 때 쓰이는 것입니다. - 트위터카드는 트위터에 최적화된 오픈그래프라고 생각하면 됩니다. 보통 둘다 동시에 써주죠. 오픈그래프(SNS)트위터카드(트위터) 오픈그래프 & 트위터카드 기본(basic) 속성아래는 필수로 들어갈만한 속성들입니다.속성의 이름을 보면 어떤 쓰임인지 대충 알테니 설명은 스킵하겠습니다. 보면 오픈그래프와 트.. 댓글 0 2022.02.06