본문 바로가기
안녕하세요, 프론트엔드 개발자 김현우라고 합니다. 제 블로그에서는 개발과 관련된 다양한 이야기들을 풀고있어요. 아무리 어려운 문제라도, 쉽게 풀어 설명할 수 있는 방법은 무조건 존재한다고 생각을 해요. 제가 연재해드리는 내용이 선한 영향력을 가져다 주었으면 좋겠어요.

전체 아티클76

프론트엔드의 뜨거운 감자, 리액트 쿼리 목차 · 리액트 쿼리에 들어가면서 · 리액트 쿼리의 캐싱 처리 · StaleTime과 CacheTime · useQuery와 useMutation · 코어 프로젝트에 실제 적용해보기 · 레퍼런스 리액트 쿼리에 들어가면서 요즘 프론트엔드 개발을 진행하면서 리액트 쿼리에 대해서 많은 이야기들을 들었다. 회사 프로젝트 및 개인 프로젝트에서 많이 사용되는 라이브러리인데 눈팅만 슥 하자니 배워보고싶은 마음에 무작정 프로젝트에 적용을 하면서 배움의 기회를 얻게 되었다. 리액트 쿼리는 간단하게 말하자면 데이터 페칭, 캐싱, 서버 데이터와의 동기화를 지원해주는 라이브러리이다. 리액트 훅과 같이 쉽게 사용이 가능하며 비동기 로직을 보다 간편하게 작성하는데 도움을 준다. 그 밖에 서버 값을 클라이언트에서 사용할 때 자동으.. 2023. 10. 30.
디프만 준비해보기 (두둥-탁) 보호되어 있는 글 입니다. 2023. 10. 19.
배포를 하기에는 시간이 너무 많이 들고, 로컬 서버를 공유하고 싶다면? 목차 · 배포를 하기에는 시간이 너무 많이 들고, 로컬 서버를 먼저 공유해보고 싶어요 · Ngrok 란? · Ngrok 설치해보기 · Ngrok 실행해보기 배포를 하기에는 시간이 너무 많이 들고, 로컬 서버를 먼저 공유해보고 싶어요 사이드 프로젝트를 진행하고 있을 때였다. 퍼블리셔가 따로 없었기 때문에 퍼블리싱 업무도 도맡아 디자이너와 함께 상의해 Zepling과 Figam 툴을 사용하여 협업을 진행하였다. 매 회의때마다 `제 이번 프론트엔드 개발은 이렇게 진행을 했구요, 이렇게 UI를 구현해보았어요` 라고 말을 해도 팀원들은 끄덕끄덕, PPT로 간신히 캡쳐한 시각적인 자료가 없었기 때문에 배포를 하기 전까지는 디자이너가 자유롭게 서비스에 들어와 구현된 화면을 같이 공유해 볼 수 없다는 것이 정말 불편했.. 2023. 10. 16.
아이패드의 분기처리, 그러니까 브라우저에서 아이패드인걸 어떻게 구분해요? 목차 · 왜 이 글을 쓰게 되었을까요? · 아이폰과 아이패드 구분 방법 · 레퍼런스 왜 이 글을 쓰게 되었을까요? 회사 업무를 진행하면서 다양한 환경에서 에디터가 사용되어야하기 때문에, 크로스 브라우징 환경을 워낙 많이 다루게 되었다. 심지어 IE까지 지원을 하기 때문에 크로스 브라우징 환경에서의 적응은 더더욱 중요해졌다. 이슈 중 에디터의 내용이 사파리의 모바일 환경에서 이미지 하이라이트가 되었을 때 하이라이트가 에디터 밖으로 노출되는 현상이 일어났고, 이에 따른 예외처리가 필요했다. 아이폰의 경우는 모바일에 따른 UserAgent 값이 출력이 잘 되지만 아이패드의 경우는 데스크톱으로 값이 출력되는 것을 확인했다. 그렇다고, 데스크톱에 관련 CSS를 적용한다고 하면 해당 이슈를 수정한다고 해도 다른 브.. 2023. 9. 2.
대체 Yarn을 왜 사용해요? 목차 · Yarn이 무엇이길래 많이 사용해요? · Npm과 Yarn의 차이 · Yarn 설치 방법 · 레퍼런스 Yarn이 무엇이길래 많이 사용해요? Yarn은 2016년 페이스북에서 개발한 패키지 관리자이다. React와 같은 프로젝트를 진행하며 겪은 어려움을 해결하기 위해 개발이 되었고, Npm과 같은 기능을 수행하나 Npm 레지스트리와 호환하면서 속도나 안정성 측면에서 Npm보다 향상이 되었다. Npm은 자동으로 패키지에 포함된 다른 패키지 코드를 실행하는 특징이 있는데, 이 특징은 편리하지만 안정성을 위협할 수 있다. 이에 따라 보안 시스템에 몇가지 취약성이 발생하기도 하며 나중에는 이러한 부분들이 커져 심각한 문제가 발생할 수 있다. Yarn은 yarn.lock 또는 packge.json 파일에 .. 2023. 8. 28.
3개월 안에 토스 코어에서 사용하는 모든 기술 스택 찍먹하기 목차 · 토스라는 흥미로운 조직 · 토스 코어 챕터의 모든 기술 스택 토스라는 흥미로운 조직 대학 생활을 진행하면서, 프로젝트 기획 및 개발을 진행하면서 가장 큰 레퍼런스로 참고했던 곳이 `토스`라는 서비스였다. 토스를 통해 간접적으로 UX에 관련된 부분을 많이 배우기도 하였고, 토스에서 진행하는 NEXT 챌린지를 통해 스스로 많이 돌아보는 시간을 가질 수 있었다. 토스에서는 자체적으로 만드는 서비스가 많기 때문에, 토스라는 조직은 내가 너무나도 흥미로운 조직이면서 동시에 내가 발전을 위해서라면 목표성으로 잡고 가야하는 목표치의 일부분 중 하나였다. 우연치 않게 회사를 입사하면서 스스로의 커리어를 정리하기 위해 링크드인에 가입을 하게 되었는데, 토스 테크 HR을 담당하시는 분과 네트워킹을 하게 되었다. .. 2023. 8. 27.

티스토리툴바