어제 보다 나은 오늘

본문 바로가기

Career ☺️

최신글

[Cursor] "atlassian acli"로 skill 추가하고, 딸깍 코딩하기 최근 주말에 모각코(모여서 각자 코딩)모임에 참여하고 있다. 각자 주제를 정하고 총 3시간, 50분 집중하고 10분 공부한 내용을 공유하거나 잡담하며 시간을 보낸다. 평소 하고 싶었던 공부를 즐기고 있어 자기 효능감이 뿜뿜하고 있다. 그리고 AI를 적극적으로 사용하는 모임원들을 보고 자극을 받아 (이제서야 위기의식을 느꼈다 (；´д｀)ゞ허허) 오늘의 주제로 "Cursor Chat 모드 이상으로 사용하기"를 목표로 삼았다.*전날밤 AI 키워드로 되어있는 각종 GeekNews, 유튜브 자료들을 찾아보다 새벽 2시에 잔건 안비밀 들어가기전 기존 AI 활용도- (Chatting형 Tool) GPT, Cursor Chat 기능 위주- 물어보는 내용: 로직 간소화, 리팩토링 방향 조언- 구글링이나 StackOver.. 2026.03.08
디자인 패턴 실무 적용기 디자인 패턴을 처음 알게된 것은 2022년도 어느날, iOS 팀장님 세션이었다. 몇주간 진행된 세션이 종료되고 나는 유레카를 외쳤다. 한창 프론트 개발자로서 마크업과 비동기 처리 작업이 전부인줄 알았었고, 아키텍처, OOP, 디자인 패턴은 백엔드의 전유물로만 알았던 내게 시야가 넓어지는 순간이었기 때문이다. 그래서 신규 작업이 들어오면 어느 곳을 추상화할지 고민하고 'FE clean architecture best practice' 를 검색하곤 했다. 하지만 여전히 갈증이 해소되지 않아 https://github.com/ddubbu-dev/Study-Design-Patterns 레포지토리에 다양한 강의들을 섭렵하며 개념을 넘어 '코드'로 이해하고 싶었다. 그리고 2026년 현재, 조금은 추상화&적합한 디.. 2026.03.08
왜 window.open과 requestPictureInPicture 동시에 안될까? 이직 후 벌써 8개월이 지났다. 비디오 솔루션을 다루다보니 새로운 지식들이 쌓여갔고 (소중한 컨텐츠들이 휘발되는) 과오를 반복할 수 없어 이렇게 컴퓨터 앞에 앉았다. 그동안의 생활은 차차 리뷰하기로 하고 바로 본론으로 들어가보자. 최근에 다음과 같은 이슈가 있었다.라이브를 시청 중인 유저가 쿠폰을 눌렀을 때, URL이 새창으로 열리고 동시에 browserPIP 로 축소되어 시청이 끊기지 않게해주세요. 언뜻보면 간단해보이는 이슈다. 새창이 열리고(window.open), browserPIP 축소(requestPictureInPicture)를 위한 두가지 API를 사용하면 될 것 같았다. 하지만 두 API는 동시에 쓸 수 없다고 말씀하셨고 이해가 되지 않아 실험이 필요했다. 실험 환경- nextjs 16, .. 2026.02.28
퇴사 후, 경력 이직에 성공하기까지 2025.06.22 작년 이맘때쯤 퇴사를 했고 꼬박 1년만에 경력 이직에 성공했다. 입사를 하루 앞두고 여러 취준생 그리고 미래에 다시 이직에 재도전할 나를 위한 글을 남긴다. 🌿 나를 숨 쉬게한 루틴25년 4월, 인턴 생활을 마치고 무한히 생겨버린 시간에 어찌할지 몰랐다. 어떤 하루는 그 누구와도 대화없이 지나가버리다 영영 입을 다물게 될까 두려웠고, 어떻게든 모임을 찾아 소속감을 회복하려 했지만 되려 겁을 먹기도 했다. 미래에 대한 계획 없이 온전히 쉬게된게 처음이었다. (휴학 없이 바로 취직했고, 퇴사 이후에도 정글 과정, 수료 후에는 인턴 과정을 계획했다) 계획이 없으면 영영 쉬게될지도 모른다는 두려움도 잠시, 나는 공부가 아닌 혼자서도 잘 사는 힘을 키워야함을 깨달았다. 아침에 눈 뜨자마자 공.. 2025.06.22
JWT 기반 클라이언트 인증 서버가 유저 A, B를 구분하는 방법에는 무엇이 있을까?서비스 진입 맨 처음 ID/PW 를 입력한다. 이는 유저를 식별할 수 있는 핵심 데이터이다. 하지만, 매번 페이지를 이동할 때마다 로그인을 유도할 수 없다. 이때 필요한 것은 로그인을 대체할 '인증 수단' 이다. 그 중 하나가 바로 JWT (Json Web Token) 이다. JWT 인증 플로우 (심플)JWT 토큰 인증 플로우는 다음과 같다. 로그인에 성공하면 서버는 AccessToken 을 발급하고 앞으로 이를 토대로 유저를 식별한다. 클라는 Token 정보를 저장하고 있다가 인가가 필요한 요청 헤더 혹은 쿠키에 설정 후* 정상 플로우를 탈 수 있다. * 헤더 혹은 쿠키에 설정하는 기준은 추가 공부 필요 여기서 의문이 들 수 있다.- 어떻게 유저.. 2025.01.08
브라우저 캐시 개발자 도구 네트워크탭을 애용하는 개발자는 리프레시 한 뒤 일부 리소스가 [디스크 캐시] 되는 것을 발견했을 것이다. 필자는 어렴풋이 캐싱되어서 컨텐츠 로드가 더 빨라지겠거니 추측했지만, 오늘은 궁금증을 갖고 면밀하게 조사해보려고 한다. 그래서 오늘 풀어볼 궁금증은?브라우저 캐시는 어디에 저장되는 것일까? 메모리 캐시와 디스크 캐시의 차이점은 무엇일까? (왜 메모리 캐시는 0ms, 디스크 캐시는 시간이 소요될까?)캐시 처리 단계는?React 에서는 Caching 정책을 어떻게 설정하고 최적화 할 수 있을까? 그 전에 각 리소스에 어떻게 캐시 정책을 적용하지?간혹 PHP 배포 후 이전 리소스를 불러와서 에러가 난 적이 있는데, 이를 어떻게 피할 수 있을까? [chrome for developers Ligh.. 2025.01.07
이펙티브 개발자 책 리뷰에 들어가기 앞서,정글 수료하자마자 멘토링을 찾아나섰다. 정글에서는 개발자에게 요구되는 기본 지식을 학습했다면, 이제는 높은 곳으로 도약하기 위한 방법을 알아내야했다. 아직은 전 회사와 비슷하거나 그보다 작은 규모의 회사로 가게 될텐데, 그렇게 되면 과거의 학습법을 답습할 것 같아서 우선 인프런 멘토링을 리서치했다. 대기업 재직자, 미들급 이상인 분으로 찾았고 그렇게 3회 멘토링을 받고 얻게된 점.스타트업과 대기업 취준 전략은 다르다 너무 벙쪘다. 사실 멘토링 받기 전에는 정글에서 배운 지식 기반으로 3년 경력 살려서 이력서만 조금 손보면 되지 않을까 했다. 하지만 그와 배운 것들은 스타트업에서 단 한번도 고민해보지 못한 '성능', '기초', 그리고 '한가지를 파본 진득함' 이었다. 즉, 내가 어.. 2025.01.01
브라우저 렌더링에서 메인 쓰레드 역할 들어가기 전해당 포스트는 브라우저 렌더링 과정 중 네트워크 리소스 로딩은 생략하고, 서술되었습니다. (궁금한 분은 MDN 참고)웹개발을 처음 배울 당시 html, css, js 3대장을 알게되고 '이렇게 마크업을하고 DOM API를 조작하는군' 하고 바로 프레임워크 학습으로 넘어간 기억이 난다. 이제는 React VirtualDom 목적, 웹 성능 최적화 방법이 궁금해졌고 그 전에 '브라우저 렌더링'을 점검할 필요성을 느껴 이 글을 작성했다. 자바스크립트는 싱글 스레드, 브라우저는?브라우저 렌더링하는데 필요한 스레드와 각 역할을 짚고갈 필요가 있다. 우선 자바스크립트가 싱글스레드라는 것은 자바스크립트 엔진이 단일 Call Stack을 가졌다는 의미이고, 비동기 처리가 가능한 이유는 런타임 환경에서 Web.. 2024.12.23

일상 🌿

티스토리툴바