[신입 일기🌱] 원하던 일을 하게 되었어요🙇‍♀️

바로 며칠전 다른 길을 찾아봐야할까 고민하던게 무색하게도...좋은 기회로 정말 재미있게 일할 수 있을 것 같은 곳에 합격하게 되었다.도메인이나 앞으로 나아가려는 서비스 방향 모두...너무 재밌어보인다. 경력이 없는 신입은 뽑지 않는 곳 같았는데(이것저것 검색해보니...모두 경력자였다!),내가 아직은 부족한 실력임은 인지하시고 신입으로서 일을 배우며 함께할 수 있는 곳으로 배치해주셨다.이런 배려부터... 내 열정과 태도를 좋게 봐주신 점에 이미 충성심 100%. 네네...사실 전혀 뽑힐 줄 몰랐거든요. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ일단....너무 부족한 나이기에!!!!당장 다음주 첫출근에다가 아직 하고있던 주말알바를 바로 그만두지 못했기에(사람을 못구했다...) 시간이 부족하지만!가장 도움이 될 것 같은 책 ..

• format_list_bulleted 이모저모
• · 2026. 5. 7.
• textsms

요즘 근황🫨 많은 고민과 회의감

아직도 취업준비생인 나🤔사실상 지금까지 넣어본 지원서는 난사 10곳, 진지하게 넣어본 곳 총 6곳•••제대로 취업준비만을 위해 달린건 2026년부터니 4개월째다!그간 그래도 꽤 많은 일이 있었다...접수 마지막 날 수혁이가 한번 넣어보라고 링크 줬던 당근 서류에도 덥썩 합격했고...(진지하게 넣은게 아니어서 준비가 안됐던 나는 결국 면접에 안감. 미쳤나봐.) 그리고 뭔가 아무한테나 다 보내는 듯하지만 나름 헤드헌팅이나 창업멤버 요청(?) 등도 있었다. 그런 일이 있는가 하면 서류를 읽지도 않거나 무응답이었던 곳도 있었고...면접까지 갔으나 경력자분들에게 밀려 탈락한 곳도 있었고(그래도 좋게 봐주신 대표님이 다른 직무로라도 추천해주셨다 감사해요...ㅜ)...이후 또 다른 스타트업 최종면접까지 봤으나 이번..

• format_list_bulleted 이모저모
• · 2026. 4. 30.
• textsms

비전공자도 체계적으로 할 수 있는 코딩테스트 공부 (with. Codetree 코드트리)

다들 코딩테스트 공부 어떻게 하고 계신가요? 저는 비전공자라, 전공자분들만큼 학사 과정에서 많은 시간을 들여 다양한 알고리즘과 코딩 문제를 풀어볼 시간도, 기회도 없었습니다.프론트엔드 개발자라는 직무로 좁혀 결정하게 된 만큼 실무에서 당장 쓸 수 있는 기술 스택을 공부하는게 더 우선이라고 생각했기 때문에, 이후로도 코딩테스트를 놓고 있었습니다.하지만 그렇다보니 취준을 본격적으로 시작한 26년... '코딩테스트를 풀 수 없다=그만큼 지원할 수 있는 회사 풀이 엄청나게 줄어든다' 라는 것을 깨달았습니다. 심지어 취업시장에서 요구하는 코딩테스트 풀이는 미친듯이 어려운 난이도도 아니고 다 풀어야만 합격하는 것도 아니라고 들었음에도...아무 준비도 하지 않은 자는 도전조차 할 수 없더라구요ㅜㅜ 그렇게 코딩테스트와..

• format_list_bulleted 웹 개발 일기
• · 2026. 4. 8.
• textsms

바이브 코딩으로 모션 인식 게임 만들기

오늘은 각자 원하는 서비스를 빠르게 만들어보며 배우는 ‘바이브 코딩(Vibe Coding)' 모임에 가벼운 마음으로 다녀왔습니다! 저는 그중에서도 요즘들어 많이 보여 궁금했던 모션 인식을 사용한 슈팅 게임을 만들어봤는데, 코드를 한 줄도 직접 쓰지 않고 오로지 AI와의 간단한 대화만으로 30분 만에 전체 서비스를 완성했습니다.상세한 기획서 없이도 대화의 맥락만으로 인터랙션과 스코어링 시스템이 잡히는 것을 보며, 아이디어를 검증하는 비용이 거의 제로에 수렴하고 있다는 것을 느꼈습니다....🔥물론 정교한 프로덕트에는 여전히 개발자의 세밀한 손길이 필요하겠지만, 빠른 가설 검증이 필요한 단계에서 AI는 더할 나위 없는 파트너가 될 것 같습니다. 도구의 변화에 발맞춰 더 넓은 시야를 가진 엔지니어가 되고 싶다..

• format_list_bulleted 웹 개발 일기
• · 2026. 4. 4.
• textsms

Sticky Hero + IntersectionObserver로 랜딩 GNB 활성화 구현하기

스크롤 위치에 따라 네비게이션 아이템이 활성화되는 랜딩 페이지 GNB를 만들었다.단순해 보이지만 디자인 요구사항에 있던 sticky 레이아웃과 IntersectionObserver 특성 때문에 예상보다 까다로웠던 과정을 정리한다! 1단계: 먼저 뼈대만 완성시킨 랜딩페이지의 레이아웃 구조 {/* fixed, z-50 */} Hero {" "} {/* Hero 위로 올라오는 콘텐츠 */} Meetings How it works ... Hero가 `sticky top-0`으로 뒤에 깔리고, 나머지 콘텐츠가 `relative z-10`으로 위에서 덮어씌우는 구조다.스크롤하면 Hero 위로 Meetings가 시트처럼 올라오는 느낌을 준다. 나중에 애니메이션을 적용하..

• format_list_bulleted Project & Challenge/[Project] 각할모 - 각자 할 거 하는 모임
• · 2026. 4. 2.
• textsms

[Next.js] App Router 시대의 스타일링과 API 전략: RSC와 RCC

들어가며이번에 새로운 프로젝트에 들어가면서, Next.js에 Tailwind와 Emotion을 조합을 마주하게 되었습니다. 저는 이미 기획과 아키텍처 구성이 끝난 후에 프로젝트에 참여하게 되었기에 제가 현재의 구성에 맞춰야한다고 생각했습니다! 그럼에도 저 조합의 선택 이유가 궁금하여 프론트엔드 팀원분께 이것 저것 집요하게 질문했던 것 같습니다. 사실 저는 단순히 '새로운 기술스택을 사용해봤다~'는 경험보다 중요한 것은 '왜 이 라이브러리를 선택했으며, 그로 인해 발생하는 이슈나 장점은 무엇인가'를 알아야하는게 더 중요하다고 생각했습니다. 그렇기에 Next.js 조합에 런타임에서 동적으로 css를 생성하는 emotion의 도입이 굳이 필요한가?라는 생각이 들었고, 만약 반드시 emotion을 사용하고 싶다..

• format_list_bulleted Project & Challenge/[Project] 각할모 - 각자 할 거 하는 모임
• · 2026. 3. 31.
• textsms