💻데브박스(유용한 개발지식을 기록해요)

안녕하세요~ 블로깅을 할때마다 고민하던 내용이 있는데요. 이 글을 올려도 될까? 부족한 부분은 없을까? 블로그에 올리기엔 좀 부족한 것 같은데.. 더 가다듬고 올려야지!이런 생각들을 하게 되고 고민만 하다가 블로그에 못올리는 문제가 계속 발생하더라구요. 그래서 결심했어

안녕하세요! 고영이에요.첫 개발 글이자, 오늘 소개해볼 주인공은 Zustand입니다. 🙌 zustand는 최근에 알게된 상태관리 라이브러리인데요. 아주 쉽고 강력합니다!

안녕하세요~👋 고영이에요. 오늘은 정말 정말 빠른 번들러인 Vite를 소개하려고 해요. SPA 등의 라이브러리나 프레임워크를 쓰다보면 제품 성능과 파일 관리를 위해 웹 번들러를 사용하게 되는데요. 가장 보편적으로 webpack을 많이 사용하지만 webpack의 단점인

안녕하세요~ HTML 엘리먼트를 마우스로 옮기는 방법을 적어볼게요~드래그는 클릭시작, 이동, 클릭끝 3단계로 이뤄지는데요. 이를 이벤트 함수로 등록해서 드래그를 제어할 수 있어요.단 주의할 점은 마우스와 터치 이벤트의 속성이 조금 다르다는 건데요. 이를 해결하기 위해

안녕하세요~ 👋오늘은 npm에 나만의 패키지를 배포해본 후기를 적어볼게요.npm 로고npm은 Node Package Manager의 줄임말로 노드환경에서 사용할 수 있는 자바스크립트 패키지들을 관리해주는 프로그램이에요.저는 사이드 프로젝트로 쓸만한 프로그램들을 만들어

오늘은 리액트로 삽질.. 한 기록을 간단하게 적어보려고 해요.리액트를 사용하면 아마 대부분 함수형 컴포넌트를 더 많이 사용하실텐데요. 함수형에 있는 여러가지 장점 중 하나는 useEffect가 아닐까 싶어요.useEffect의 depenency array를 활용하면 컴

안녕하세요~ 고영이에요. 👋오늘은 next.js 개발중에 겪은 삽질을 적어보려고 해요.Next.js는 SSG, SSR, CSR을 모두 지원하는 정말 짱짱한 FE 프레임워크에요.✨SSG는 Static Site Generation 이라고 해서, 정적 페이지를 빌드타임때

인사 안녕하세요~ 고영이에요~ 👋 오늘은 요즘 핫한 yarn berry를 소개하고 적용해보려고 해요. yarn berry는 개발자 경험(DX)을 높여주는 아주 훌륭한 도구에요. DX가 상승되면 개발 효율이 높아지고 이는 생산성 향상에 큰 도움이 될 수 있어요. 간단하지만 강력한 기능이니 꼭 사용해보세요~! yarn berry yarn berry란? y...

👋 인사 안녕하세요~ 고영이에요. 또 오랜만에 포스트를 쓰네요. 자주 써야하는데 블로그에 통 관심을 못가졌네요. 바쁘기도하고 그럴싸하게 쓸것들을 찾느라 시간이 훌쩍 지났어요. 오늘은 짧게 글을 작성해볼게요~ 오늘 소개할 것? RSC와 RHF, Zod를 소개할까해요.

안녕하세요~ 👋 예전에 작성해두었던 리액트 뒤로가기 제어 문서인데 이제야 올리네요. 참고하셔서 좋은 리액트 앱을 만드시길 바래요~이전 페이지로 접근을 막아야할 때 (트랜잭션 실행 페이지, 한번만 노출되어야하는 페이지 등)뒤로가기(백버튼)로 UI를 제어할 때 (모달,

회사에서 프론트엔드 잼 시간에 발표했던 내용을 가져왔습니다. 재미있게? 읽어주세요~좋은 코드는 어떤 코드일까요? 우리는 코드를 읽으며 프로그램을 이해합니다. 프로그램을 하나의 책이라고 생각해봅시다. 만약 책의 이야기 순서가 뒤죽박죽 섞여있고 어려운 용어들로 가득하다면

# 인사 안녕하세요~ 요즘 지속 가능한 개발을 하려면 어떻게 해야할까 고민해봤어요. 저는 6년 정도 개발을 해왔어요. 일을 열심히 하다보면 처음엔 괜찮은데 몰입이 계속 지속되면 몸과 마음이 지쳐버리더라구요. 몰입을 한달, 두달, 길게는 수년, 수십년을 할수있을까요?

사이드 프로젝트로 간단한 채팅앱을 만들고 있었다. 채팅앱은 백엔드를 웹소켓으로 만들어줘야해서 필수적으로 서버 코드가 필요하다. 그런데 백엔드 리포를 따로 관리하기에는 번거로울 것 같아서 하나의 리포지토리에서 관리하고 싶었다.client/main.tsxserver/ind