본문 바로가기

코딩

(21)
주니어 React 개발자가 여전히 저지르는 12가지 useState 및 useEffect 실수 React를 처음 배우면 마법 같은 useState와 useEffect에 빠져서 열심히 써보게 돼요. 그런데 어느 순간 예상치 못한 버그에 멘붕이 옵니다. 😵‍💫 "아니, 분명히 상태를 업데이트했는데 왜 값이 바뀌지 않지?" "왜 useEffect가 무한 루프 도는 거야?" 이런 경험, 다들 한 번쯤 있지 않나요? (고개 끄덕이면 동지 ✊) 이번 글에서는 주니어 개발자가 흔히 저지르는 12가지 실수를 정리하고, 해결 방법을 제안해볼게요. 🔥 실수 1. 여러 번 setState를 호출할 때 예상치 못한 결과 발생const [count, setCount] = useState(0);const handleClick = () => { setCount(count + 1); setCount(count + 1..
HTML을 PDF로 html2pdf, react-pdf, puppeteer 비교 HTML에서 PDF를 생성하는 도구로 html2pdf, react-pdf, 그리고 puppeteer가 자주 사용됩니다. 각 도구는 성능, 유연성, 그리고 사용 시나리오에 따라 다르게 평가될 수 있습니다.  1. html2pdf설명: 브라우저 내에서 HTML을 PDF로 변환하는 클라이언트 사이드 라이브러리입니다. 주로 JavaScript 환경에서 사용되며, html2canvas와 jsPDF를 기반으로 작동합니다.장점:간단한 구현: 브라우저에서 쉽게 설정할 수 있고, 복잡한 서버 설정이 필요 없습니다.빠른 결과: 서버 요청 없이 즉시 PDF 생성이 가능합니다.스타일 적용 가능: HTML/CSS 스타일이 PDF로 어느 정도 반영됩니다.단점:제한적인 레이아웃 처리: 복잡한 레이아웃이나 미디어 쿼리 처리에 한계가..
메타(Meta)가 React를 활용하는 방법 최근 메타의 Connect 2024 이벤트에서 발표된 내용에 따르면, React와 React Native는 가상 현실(VR)과 증강 현실(AR) 분야에서 중요한 역할을 하고 있습니다. 메타는 이 혁신적인 기술을 통해 다양한 플랫폼 전반에서 개발 속도를 높이고, 사용자 경험의 품질을 향상시키는 데 성공했습니다. 이번 글에서는 메타가 React와 React Native를 어떻게 활용하고 있는지, 그리고 이러한 기술들이 메타의 VR과 AR 개발에 어떻게 기여하고 있는지 분석해 보겠습니다.1. React와 React Native: 메타의 핵심 엔진 메타는 오랜 시간 동안 React와 React Native를 자사의 제품 및 서비스에 깊이 통합해왔습니다. 특히, 매달 5,000명 이상의 메타 직원이 React를 ..
커서(Cursor)는 AI프로그래밍의 미래일까? 최근에 AI 기반 코드 편집기들이 계속해서 등장하면서 개발자들의 작업 환경이 크게 변화하고 있어요. 저도 그 중 하나인 Cursor라는 도구를 직접 사용해보면서 많은 생각이 들었는데요, 이 글에서는 제가 Cursor를 경험하면서 느꼈던 점들과 그 도구가 어떻게 코딩 경험을 혁신하는지에 대해 이야기해볼까 해요. 저처럼 코드 편집기 선택에 고민이 많으신 분들이라면 꼭 끝까지 읽어보세요! 😄 1. 처음에는 회의적이었던 Cursor, 이제는 매력적으로 다가오다 제가 처음 Cursor를 접했을 때는 솔직히 큰 기대를 하지 않았어요. 이전에 써보았을 때 만족스럽지 않아서 Super Maven이라는 다른 AI 편집기를 더 선호했거든요. 그래서 두 번이나 Cursor에서 떠났었죠. 😅 그런데 이번에 다시 사용해보게..
그래서 요즘 어떤 프로그래밍 에디터를 쓰는 게 가장 좋은가? 요즘 개발자들 사이에서 가장 핫한 주제 중 하나는 '어떤 에디터가 가장 좋은가?'입니다. 저도 다양한 에디터를 써보면서 느낀 점들을 나누고 싶어서 이 글을 써보게 되었어요. 최근에 Pieter Levels와 Lex Fridman의 대화를 듣고 많은 영감을 받았는데요, 이 두 분은 생산성 높은 사람들로 유명하죠. 그런데 그들이 말하는 중요한 포인트는 우리가 사용하는 도구나 설정에 집착하기보다는 얼마나 그 도구에 익숙해지고, 단순하게 사용하는지가 더 중요하다는 거였어요. 저도 한때는 무거운 IDE나 복잡한 개발 환경에 빠져 있었는데, 이제는 미니멀리즘을 실천하면서 더 나은 결과를 내고 있답니다. 😊 VS Code vs Sublime Text: 에디터 전쟁? 개발자들 사이에서 가장 많이 언급되는 에디터가 아..