이영's 개발로그

이영's 개발로그

  • 분류 전체보기 (45)
    • 글 (5)
      • 개발 (2)
      • soft skill (1)
    • 자바스크립트 (4)
      • TypeScript (1)
      • 알고리즘 (2)
      • 기본 (1)
    • 프론트엔드 (16)
      • ReactJS (5)
      • ReduxJS (2)
    • 테스트 (0)
    • CS (5)
      • 네트워크 (5)
    • 기타 (2)
      • TIP (0)
  • 홈
RSS 피드
로그인
로그아웃 글쓰기 관리

이영's 개발로그

컨텐츠 검색

태그

MPA 토큰 네트워크 SSR react 원티드 프리온보딩 TCP 렌더링 Spa 프론트엔드 보안 로그인 브라우저 프로토콜 Redux js 상태관리 프론트 리액트 frontend

최근글

댓글

공지사항

아카이브

전체 글(45)

  • AI 시대에서 개발자로 살아남기 - 무신사 채용 과정을 보고

    어떤 사람이 공유해준 글을 읽었다. https://techblog.musinsa.com/the-philosophy-ai-native-hiring-c002c2775b3a The Philosophy: AI Native HiringAI 네이티브 채용 시리즈 3부작 중 Part 1입니다.techblog.musinsa.com 바햐흐로 AI 시대에서 신입 개발자들의 포텐셜이 가장 뛰어날 수도 있는 이 현 지점에서 무신사는 그 가능성을 열어두고 채용과정을 AI Native로 설계해서 신입채용을 진행했다는 글이다. 나에게 적용하면서 생각 할 수 있는 문장이 몇개 있어서 글로 적었다. 한 문장 한 문장 나눠가면서 생각을 해보자 우리는 얼마나 모호한 문제를 마주하게 되는가? 모호한 문제. 참 모호하다 모호하고 추상적인 ..

    2026.05.28
  • three js기반 썸네일 맨드는 속도를 4배 개선시킨 방법 ( w. Claude )

    개요 지금 개발하고 있는 프로덕에는 에디터가 있는데 지도(Map)와 건물을 렌더링 해주어 도면을 보여주고, 편집이 가능한 복잡한 구조를 가지고 있습니다. ThreeJS를 이용해서 2D 화면과 3D 화면을 지원하고, 최근까지는 React-Three-Map을 사용하다가, 미래 목표를 위해 걷어낸 상황이고 ThreeJS와 mapbox의 Tile을 사용해서 맵을 구현한 상황입니다. 여기서 여러 종류의 썸네일 즉 최종 도면의 사진을 찍는 기능이 있습니다. 저희 프로덕트의 사용자가 편집을 했거나 생성된 솔루션을 보려면 썸네일이 빨리 만들어지는것은 사용자의경험 면에서 아주 아주 아주 필수적인 기능입니다.결과적으로 클로드와 같이 썸네일 생성 속도 개선을 이루어습니다. 그 과정을 함께 보시죠 !! 문제 발견Thumbn..

    2026.03.15
  • 2025년 개발자 인생 회고

    0. 백수 시절 ( 11월 ~ 4월 )11월부터 백수였던 나는 2024년 회고를 지나칠 정도로 치열하게 취준 준비를 했던것 같다. 혼자서 공부도 하고 친구랑 세미나도 하고. 코딩 테스트 준비도 했었다. 다행히도 자의로 나간 회사는 아니였기 때문에 실업 급여를 타면서 서울에서 계속 생활할 수 있었다. 이놈의 월세 너무 비싸다.. 내년(2026)에는 꼭 이사갈거라는 다짐을 한다. 서류는 매일 많이 넣었지만 3주에 한번꼴로 합격을 해서 면접을 다녀왔던 기억이 있다. 갈때마다 불합격을 했고, 집으로 돌아오는 길에 복기하면서 나를 계속 다듬어 나가는 시기를 겪었다. 가장 중요한것은 마인드 컨트롤인데, 취업을 준비할 때는 내가 무엇을 해도 불안한 마음이 사라지지 않았는데, 이때 괜찮으니까 계속 이렇게만 해라고 마인..

    2025.12.26
  • 웹에서 실시간 데이터를 처리하는 방법

    실시간 데이터란 ?실시간 데이터란 무엇일까요? 다들아시겠지만 다시한번 정의를 봐봅시다. 실시간 이라는 단어의 뜻은 실제 흐르는 시간과 같은 시간. 이라고 합니다. 그렇다면 실시간 데이터는 왜 필요할까요 ? 어떤 부분에서 사용될까요 ?  실시간 데이터가 쓰이는 곳사실 컴퓨터와 가까운 우리라면 공감할만한 예시를 들고왔습니다. 예를들어 총을 쏘는 게임을 하고 있다고 생각해봅시다.  그러면 나는 상대방의 위치를 정확하게 알고 있고 상대방에게 총을 쏘면 상대방은 총을 맞아야 합니다. 이게 우리가 원하는 실시간 데이터 입니다.   만약 데이터가 실시간으로 처리되지 않는다면 상대방은 죽지 않고 나만 죽는 불상사가 발생하게 됩니다. 또 예를 들어 보겠습니다. 이번엔 한국 주식을 예로 들겠습니다.  한국 주식을 보고 있..

    2025.03.04
  • GraphQL이란 뭘까요?

    메타에서 사용하는 언어 ..? REST와 비교되는 언어 ?.. 언제가 부터 떴는데 뭔지는 모르고 있던거 ..그리고 ... 메타와 당근에서 잘 활용한다는 그거 !!!! 뭔지 알아보겠습니다.공식 사이트 훑어보기무엇인지 감을 잡으려면 먼저 공식 문서를 보는 편입니다.공식 사이트 소개글 : https://graphql-kr.github.io/GraphQL은 API를 위한 쿼리 언어이며 이미 존재하는 데이터로 쿼리를 수행하기 위한 런타임 입니다. GraphQL은 API에 있는 데이터에 대한 완벽하고 이해하기 쉬운 설명을 제공하고 클라이언트에게 필요한 것을정확하게 요청할 수 있는 기능을 제공하며 시간이 지남에 따라 API를 쉽게 진화시키고 강력한 개발자 도구를 지원합니다.음 .... 일단 쿼리(질의) 언어 인거 같..

    2025.03.01
  • 리액트서버 API와 hydration이 뭔데?

    WHY? 요새 대체 SSR과 Hydration이 뭔지는 알고는 있지만 정확하게 어떻게 돌아가는지 몰라서 이 글을 작성하게 됐습니다.React Server API리액트에서는 서버 환경(node) 에서 사용할 수 있는 API가 존재합니다. 이를 통해 서버환경에서 리액트를 렌더링할 수 있습니다.왜 이게 나왔을까요 ??- 클라이언트에서 모든 렌더링을 해결하는(CSR)은 여러 단점이 존재했습니다.- SEO, 보안문제, 더 늦은 초기 로딩 속도 등등 ..- 따라서 서버에서 리액트를 서버렌더링을 해줘야하는 상황이 필요해져서 그렇습니다. 그렇다면 어떤 API들이 있을까요 ?renderToStringReact Tree를 string으로 변환해줍니다.import { renderToString } from 'react-do..

    2025.02.20
이전
1 2 3 4 ··· 8
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바