본문 바로가기
  • 하고 싶은 일을 하자

전체 글175

Nextjs Middleware로 redirect하여 UX 향상하기 내가 개발하고 있는 술담화 전통주 쇼핑몰을 서핑하고 있었다. 로그인이 필요한 페이지로 접속시 고객 경험이 불편한 부분이 있었다. 예를 들어, 장바구니 페이지 라면 (우리 서비스는 로그인 하지 않은 상태면 장바구니를 볼 수 없다) 1. 장바구니 페이지로 이동 2. 장바구니 정보 조회하는 API 호출 3. 서버에서 권한이 없다는 에러가 발생하면 login 페이지로 이동 이러한 흐름으로 동작하고 있었다. 이 방식의 불편함은 미로그인 상태에서 로그인이 필요한 장바구니 페이지로 이동하는 것이 별로다. 네트워크 느린 상황이라면 장바구니 페이지가 보이거나, 불필요한 URL 이동을 체감할 수 있다. 미로그인 상태에서 장바구니 정보를 조회하는 API를 호출하는 것은 트래픽 낭비다. 더보기 "로그인이 되어있지 않은 상태일.. 2024. 3. 5.
덕업일치 개발자로 EO planet 에 소개 되었어요 좋은 기회가 생겨 프리워커스 클럽에 인터뷰를 받았습니다. 술을 좋아하는 저는 술담화라는 전통주 회사에서 덕업일치 일하고 있어요. 이 내용에 대한 이야기가 인터뷰로 발간되었습니다! 취미로 하고 있는 음악 활동에 대한 이야기도 있답니다. 링크는 아래에 있습니다 :D https://eopla.net/magazines/10551# 덕업일치 개발자, 델타블루스와 포크를 하는 뮤지션 #모집/홍보 #마인드셋 #커리어 덕업일치 개발자, 델타블루스와 포크를 하는 뮤지션 프리워커 인터뷰의 주인공이 궁금하다면? 프리워커 인터뷰는 자신만의 방식으로 일하는 사람들, 프리워커스 eopla.net 2024. 2. 12.
개발자 신입 취직을 위한 상담 컨설팅 무료로 해드립니다 안녕하세요 요즘 개발 신입 지원하시는 분들이 굉장히 취직이 어려워졌다고 들었습니다. 대기업의 공채도 별로 없고, 작은 기업들도 사정이 좋지 않아 채용을 많이 줄였다고 하더군요. 저도 대학을 졸업하고 취직 준비할 때 어렵구나 느꼈습니다. 인적성은 너무 어렵고 면접에서는 발리기도 하고 20~30 군데는 지원해서 합격했어요. 그런데 지금은 더 어려워졌다고 하니 상상이 안되네요. 그래서 혹시 신입으로 지원하려는 개발자 분들이 계신다면 도움을 드리고 싶어서 이 글을 쓰게 되었습니다. 혹시 상담이나 질문이 있으신 분이라면 junha04@naver.com 으로 메일 주시면 시간될 때 답변 해드리겠습니다. 저에 대해 소개드리자면 중학생 때 부산시 교육청 정보영재 교육을 받았습니다. 한양대학교 컴퓨터공학과를 졸업했습니다.. 2024. 1. 13.
2023년 하반기 회고 - 이커머스 프론트엔드 개발, 애자일, 스토리북, 테스트 코드, 사이드 프로젝트 2023년이 벌써 이렇게 지나갔구나. 올 하반기에도 많은 일들이 있었다. 이번 글은 회사 개발 일 뿐만 아니라 다른 일들도 회고를 해볼까 한다. 개발 개발이라는 직업은 나에게 애증의 존재 같다. 좋기도 하고, 싫기도 한데, 다시 태어나면 또 개발자를 할 것 같다. 물론 다른 직업을 경험해보지 못해서 익숙한 것을 하고 싶은 마음도 있을 것이다. 그렇지만 하나의 주제를 탐구하고, 공부하고, 논리를 쌓는 행위가 나에게 잘 맞는 것 같다. 올 하반기 개발했던 것을 정리 해보겠다. 기디개 프로덕트팀 창설 하반기부터 기획팀, 디자인팀, 개발팀이 모인 프로덕트팀이 만들어졌다. 가장 큰 변화는 일주일에 한 번씩 기디개가 모여 정기 미팅을 가지고, 스프린트가 끝날 때 회고 미팅도 다같이 하게 된 점이다. 원래는 개발팀 .. 2023. 12. 28.
연남동 미슐랭 1스타 니시무라멘 추천 메뉴와 솔직 후기, 주말 웨이팅 시간, 가게 이름의 비밀 일본 후쿠오카에 라멘으로 미슐랭 1 스타를 받은 "니시무라멘" 이 있습니다. 이곳이 한국 서울 연남동에 가게를 열었다지 뭐예요!? 라멘을 좋아하는 저는 더 유명해지기 전에 빨리 다녀와야겠다 해서 다녀왔습니다! 위치와 영업시간은 마지막에 적어두었으니 참고하세요.간판 4층에 니시무라멘이 보입니다! 저는 처음에 "니시무 라멘"인 줄 알았는데 "니시무라멘" 이었어요. 셰프님 성함이 니시무라 이시더라구요 ㅎㅎ식당 가게가 4층에 있다는 건 길 지나가다가 가게를 볼 수 없으니 가게의 홍보성 측면에서는 안 좋은데요, 그만큼 맛에 자신이 있기 때문에 4층에 있어도 손님들이 찾아올 것이다라는 자신감이 보였어요.이렇게 빌딩 현관에도 적혀있어요. 개인적으로는 가게 이름이 한글이 아니라 일본어로 적혀있던데 좋게 생각하면 일본 .. 2023. 11. 27.
[React Hook 공식 문서 읽기] useEffect (Race Condtions 해결 방법) React 개발을 하는데 있어 useEffect 는 필수이다. 정말 많이 쓴다. 그런데 공식 문서를 읽다보니 몰랐던 것을 알게되어 정리 해보겠다. 먼저 useEffect 에 대한 정의부터 예상과 달랐다. 나는 컴포넌트가 마운트/언마운트 되었을 때 실행할 로직을 정의하는 Hook 이다 라고 생각하고 있었는데 공식 문서의 정의에는 "외부 시스템을 사용하는 컴포넌트를 동기화하는 Hook 이다." 라고 설명하고 있다. 외부 시스템은 무엇이고, 동기화는 무엇일까? External System external system 이란 React 로 control 하지 않는 코드를 의미한다. 이에 대한 예시로 setInterval(), clearInterval(), window.addEventListener(), windo.. 2023. 11. 22.
[React Hook 공식 문서 읽기] useCallback useCallback 은 함수를 cache 로 저장 해서 re-render 할 때 사용할 수 있도록 하는 React Hook 이다. 아 슈밤 글 다썼는데 코드로 테스트하다가 다 날라갔다... ㅠㅠ loop 3중첩으로 1000*1000*1000 으로 돌리니까 브라우저 바로 뻑나네............. ProductPage가 리렌더링 되면 handleSubmit 함수는 새롭게 생성될까? 아니면 동일한 로직의 함수이니 알아서 이전 렌더링 때 만든 handleSubmit 함수를 그대로 사용할까? 정답은 함수를 새롭게 생성한다. 자바스크립트에서 function () {} 혹은 () => {} 인 경우에는 함수를 새로 생성하기 때문이다. 이런식으로 함수를 useCallback 으로 감싸고 dependency ar.. 2023. 11. 9.
[React Hook 공식 문서 읽기] useDeferredValue useDeferredValue 는 UI의 일부분의 update (리렌더링)을 연기할 수 있는 Hook 이다. const deferredValue = useDeferredValue(value) useDeferredValue를 해석해보자면 연기된 값을 사용한다는 뜻이다. value가 변하면서 컴포넌트가 리렌더링 될 때 바뀐 최신 value 를 쓰는 게 아니라 처음의 value를 갱신하는 것을 연기하여 계속 쓴다는 의미이다. 그렇다면 언제 리렌더링을 연기하여 deferredValue를 쓰면 좋을까? 첫 번째 예시 HTML 삽입 미리보기할 수 없는 소스 React 공식 문서의 예시를 가져왔다. input에 검색할 앨범명을 입력하여 api 요청하고 그 결과를 유저에게 보여준다. 예를 들어, 유저가 abcde 이렇.. 2023. 11. 5.
2023년 하반기 비트코인 전망 요즘 비트코인이 오르고 있다. 왜 오르고 있을까? 일반적으로 금리가 낮을 경우 인플레이션이 발생할 가능성이 높기 때문에 자산 가치의 하락을 피하기 위해 주식, 금, 비트코인 등을 투자했다. 코로나로 제로 금리 시대였을 때 한국 주식은 여느 국가보다 가장 높은 수익률을 기록하기도 했다. 실제로 코로나가 처음 발생했던 2020년에 비트코인도 2021년까지 크게 상승했다. 다만 요즘은 금리가 높은 시대다. 연준 금리는 5%대이다. 금리가 높으면 시장의 유동성이 감소하여 암호화폐에 부정적인데 비트코인 가격은 2023년 들어 왜 증가하고 있을까? 내 생각에 현물 etf 에 대한 기대감 때문이지 않을까 싶다. bitcoin etf 에 대한 구글 검색 빈도도 높아지고 있다. 그래프에 나와있는 것처럼 2018, 201.. 2023. 11. 2.

티스토리툴바