profile
스벨트쓰고요. 오픈소스 운영합니다
post-thumbnail

라미레포트로 IT컬럼 글쓰기 - 3

아래는 라미레포트 실제 대화내역입니다.안녕하세요, 저는 당신의 전문 글쓰기 도우미 라미입니다. 제안서, 보고서, 칼럼 등 전문적인 문서 작성을 도와드립니다.여러분의 생각을 최대한 자세히 들려주세요. 짧은 답변보다는 여러분의 의도와 맥락을 충분히 설명해주실수록 더 좋은

2025년 1월 11일
·
0개의 댓글
·
post-thumbnail

라미레포트로 IT 컬럼쓰기 2

아래는 라미레포트실제 대화내용입니다.안녕하세요, 저는 당신의 전문 글쓰기 도우미 라미입니다. 제안서, 보고서, 칼럼 등 전문적인 문서 작성을 도와드립니다.여러분의 생각을 최대한 자세히 들려주세요. 짧은 답변보다는 여러분의 의도와 맥락을 충분히 설명해주실수록 더 좋은 문

2025년 1월 11일
·
0개의 댓글
·
post-thumbnail

라미레포트로, IT컬럼 원고뽑기 - 1

아래는 라미레포트 실제 대화 내역입니다.글 작성을 시작하겟습니다사용자의 아이디어를 발전시키고 구체화해주세요현재 진행 상황▶️ 1. 아이디어 구체화 (1/2)❌ 2. 아이디어 구체화 (2/2)❌ 3. 개요 작성❌ 4. 본문 작성❌ 5. 제목 작성현재 단계아이디어 구체화

2025년 1월 11일
·
0개의 댓글
·
post-thumbnail

requestAnimationFrame의 성능이슈를 알고 있나요? - 자바스크립트 런타임 이해하기

대시보드에 차트가 많을수록 느려지는 이유, 궁금하지 않으신가요? 저는 최근 대시보드 페이지에서 여러 차트의 동시 애니메이션으로 인한 심각한 성능 저하를 경험했는데요. 이 문제를 해결하면서 자바스크립트 런타임의 동작 원리를 더 깊이 이해하게 된 경험을 공유하고 싶습니다.

2024년 12월 29일
·
9개의 댓글
·
post-thumbnail

제발 cursor말고 windsurf 쓰세요!!

"같은 LLM 모델이라고 다 같은 줄 알았죠?"흔히 사람들은 LLM(대규모 언어 모델) 기반의 에디터나 AI 도구라면 모두 비슷비슷할 것이라고 생각하곤 합니다. 하지만 최근 제가 경험한 Windsurf 에디터는 이 편견을 강렬하게 깨부수었습니다. 단순히 똑같은 모델을

2024년 12월 10일
·
0개의 댓글
·
post-thumbnail

GPT에게 질문을 못한다고요? 축하드립니다.

"GPT한테 물어봤는데 답변이 이상해서요..."개발자 오픈톡방에서 흔히 보이는 메시지입니다. 보통 이런 메시지 뒤에는 길디긴 에러 로그가 덤프되어 있죠. 맥락도 없고, 자신이 무엇을 시도했는지도 설명되어 있지 않은 채로요."죄송한데 이 부분 어떻게 해결하면 될까요?""

2024년 12월 10일
·
0개의 댓글
·
post-thumbnail

'use client'가 CSR이라고 알고 있는 거 아니죠? Next.js 면접질문 정복

Next.js를 사용해본 주니어 개발자라면 기술 면접에서 한 번쯤 이런 질문을 받았을 겁니다. "use client는 클라이언트 사이드 렌더링(CSR) 전용인가요?" 이 질문에 바로 확신 있게 "아니요, use client도 SSR(Server-Side Renderin

2024년 12월 6일
·
18개의 댓글
·
post-thumbnail

Symbol이 뭔지는 들어봤는데... 면접에서는 이렇게 답하세요

면접에서 가끔 Symbol에 대해 물어보곤 하죠. "Javascript의 7번째 원시 타입이에요. 유일한 값을 만들 때 쓰이는..." 여기까지는 많이들 답변하시더라고요. 하지만 Symbol의 진짜 강력한 점은 따로 있습니다. JavaScript 엔진의 내부 동작을

2024년 11월 24일
·
1개의 댓글
·
post-thumbnail

내 글이 요즘IT에 올라갔다?! - 오픈소스로 배운 것들

“당신에게 직접 커피챗을 요청하는 회사가 있다면 어떤 기분일까요?”불과 2년 전까지만 해도 저는 서류 탈락과 면접 불합격 통보를 일상처럼 받아들이고 있었습니다. 그렇게 수십 통의 거절 메일을 받으며 스스로를 개발자로서 부족하다고 느끼던 시기가 있었죠. 하지만 이제는 구

2024년 11월 21일
·
3개의 댓글
·
post-thumbnail

프론트엔드 성능 측정, 이제는 자동화하자! - Playwright와 Chrome Trace로 시작하기

프론트엔드 개발자라면 누구나 겪는 상황입니다."이 부분 최적화했는데 확실히 빨라진 것 같아요!""음... 제 환경에선 별로 차이를 못 느끼겠는데요?"Chrome DevTools를 열고 성능 측정을 시도해보지만:매번 도구를 열고 Record 버튼을 눌러야 하는 번거로움브

2024년 11월 10일
·
3개의 댓글
·
post-thumbnail

외부 라이브러리 없이 Next.js에서 다국어 지원 구현하기

Next.js 애플리케이션에 다국어 지원을 추가하면서 겪은 경험을 공유하고자 합니다. 처음에는 널리 사용되는 i18n 라이브러리들의 문서를 따라 구현했지만, Cloudflare에서 빌드가 계속 실패하는 문제에 직면했습니다. 이러한 어려움을 겪은 후, 직접 다국어 지원(

2024년 11월 3일
·
1개의 댓글
·
post-thumbnail

코드로 이어진 우리들의 이야기: 노션 오픈소스를 만들며 깨달은 것들 💫

노션프레소 모임처음엔 혼자서도 충분할 줄 알았습니다."코드만 잘 짜면 되겠지" — 이것이 제 첫 번째 오만이었죠.노션의 강력한 에디터 기능을 활용한 블로그 엔진을 만들겠다는 아이디어로 시작했습니다. 초기엔 단순한 사이드 프로젝트로 구상했어요. ‘좋은 아이디어만 있으면

2024년 10월 29일
·
0개의 댓글
·
post-thumbnail

면접관이 React Router 동작 원리를 물어본다면? History API로 답변하세요 🎯

"Router의 동작 원리를 설명해주시겠어요?"이 질문에 식은땀을 흘리신 적 있나요? 😰면접장에서 React Router의 동작 원리를 물어보면 대부분의 개발자들이 이렇게 답변합니다:"SPA에서 페이지를 새로고침하지 않고 이동하기 위해 사용합니다."면접관의 표정이 미

2024년 10월 29일
·
3개의 댓글
·
post-thumbnail

API 수정 요청? 이제 그만! BFF로 프론트엔드에 책임 떠넘기기 🙅‍♂️💼

BFF는 Backend For Frontend의 약자로, 말 그대로 프론트엔드를 위한 백엔드 서버를 의미합니다. 프론트엔드의 요구사항에 맞게 구현하기 위한 도움을 주는 보조 서버라고 할 수 있죠. Next.js나 SvelteKit 같은 프론트엔드 프레임워크의 서버사이드

2024년 10월 27일
·
5개의 댓글
·
post-thumbnail

개발자라면 스스로 블로그 만들 수 있어야 겠죠?

벨로그를 욕할 생각은 없어요! 오히려 개발자 커뮤니티를 만들어준 벨로그에 감사하죠. 😅하지만... 솔직히 말씀드리면 벨로그 에디터가 좀 불편하지 않으신가요? 이미지 하나 올리는데도 드래그 앤 드롭도 제대로 안되고, 2단 컬럼으로 예쁘게 정리하고 싶어도 마크다운으로는

2024년 10월 25일
·
1개의 댓글
·
post-thumbnail

주니어 개발자라면 꼭 알아야 할 API 연동 꿀팁! 백엔드 답 없이도 빠르게 진행하기

API 연동을 할 때, 백엔드의 데이터가 준비되지 않아 작업이 지연된 경험이 있으신가요? 아마도 많은 주니어 개발자들이 API 요청에 필요한 필드명, 데이터 포맷, 또는 엔드포인트가 나오지 않아서 작업을 멈춘 채 기다려본 경험이 있을 겁니다. 백엔드가 준비될 때까지 발

2024년 10월 20일
·
4개의 댓글
·
post-thumbnail

DB 설계로 고민하는 주니어 개발자들, 이 비밀 전략을 아시나요?

DB 설계, 정말 어렵죠? 저도 주니어 시절 똑같은 고민을 했습니다. 기획이 바뀔 때마다 DB 구조를 뜯어고치느라 밤새우기 일쑤였죠. 기획자와 티격태격하며 '이런 건 DB 구조상 어렵습니다'라고 말하는 제 모습이 부끄러웠습니다. 하지만 지금은 달라요. 어떤 변경사항이

2024년 10월 20일
·
2개의 댓글
·
post-thumbnail

브릿지 패턴 쓰는법 알려줄게 - 실전 디자인패턴

개발자라면 누구나 경험해봤을 겁니다. 처음엔 모든 게 순조롭게 진행되다가, 어느 순간부터 작은 기능 하나 추가하는데도 하루 종일 걸리는 상황 말이죠. 😓"어제까지만 해도 잘 돌아갔는데, 왜 갑자기 이렇게 됐지?""기획자님, 그거 수정하려면 일주일은 걸릴 것 같아요..

2024년 10월 20일
·
0개의 댓글
·
post-thumbnail

React 원리만 안다면 이런거까지 할 수 있습니다 ㄷㄷ

웹 개발을 하다 보면, 선언형 렌더링의 장점을 체감하게 되는 순간이 한두 번이 아니죠. 특히 React는 복잡한 HTML 구조를 훨씬 간편하게 다룰 수 있게 해주면서 큰 인기를 끌었습니다. "선언형"이란, 코드를 절차적으로 작성하는 대신 원하는 결과만 선언적으로 기술하

2024년 10월 17일
·
1개의 댓글
·
post-thumbnail

프론트엔드 채용, "특이"하면 눈길을 끈다 - 내가 텍스트 필드를 캔버스로 만든 이유

TextField솔직히 말하면, 처음엔 저도 ‘왜 굳이 이걸 캔버스로 만들어야 하지?’라는 생각이었어요. 웹에는 이미 잘 만들어진 텍스트 필드가 넘쳐나는데, 굳이 그 고생을 자처해야 할 이유는 없었죠. 근데 가만 보니까… 왠지 도전해보고 싶더라고요. ‘한 번 해보자!

2024년 10월 12일
·
1개의 댓글
·