매년 오픈 소스 프로젝트의 활성화를 위해서 개최되는 개발자 행사인 Hacktoberfest-2022가 올해에도 개최됩니다! 아직 한국에서는 이 좋은 행사가 생각보다 많이 알려지지 않은 것 같아서, Velog를 통하여 이렇게 홍보를 하고자 합니다.

@TANSTACK/REACT-LOCATION을 사용하여 SPA구조에서 사용가능한 파일 기반 라우팅 시스템을 개발합니다.

고정요소를 구현하기 위해서는 다양하게 존재하겠지만, 이 글에서는 2번째 방법 에 대해서 한계점과 그 한계점을 돌파하기 위한 방법에 대해서 기술해보겠습니다.

좌표를 통해서 국내외 판별하는 과정을 살펴봅니다.

만약, 컬러시스템이 없다면, 수백 개나 되는 파일에 일일이 접근해서 색상을 수정하고 있어야할 것입니다. 그렇기에 컬러 시스템은 현대 앱에서는 매우 필요한 시스템입니다.

import를 왜이렇게 많이 적어야해! 제가 한 줄 줄여드립니다.

똑같은 프로젝트를 여러개의 윈도우로 열어서 작업하고 싶은 그 마음을 담아서 글을 작성합니다.

GeoJSON이란 말그대로 지리적인 feature을 가지고 있는 JSON 포맷 타입의 데이터입니다.새로운 타입이 아니라, 그저 약속이 있는 JSON 포맷의 데이터입니다.GIS 및 지리적 데이터를 시각화할 때, 많이 사용되는 포맷입니다.

우리는 코드를 관리하기 위해서 Git을 사용합니다. 특히나 요즘 개발자라면 모르는 사람이 없는 Github 뿐만 아니라 BitBucket, Gitlab 등이 우리가 깃을 좀 더 다루기 수월하게, 그리고 배포를 좀 더 쉽게 만들어주고 있죠.

사용자에게 최적의 경험을 전달해주고자 하는 마음은 업무를 진행하면서 항상 커지고 있다. 하지만, 내가 잘 실천하고 있는 것일까? 라는 생각이 문득 들어서 사용자에 대해서 한 번 더 생각해보는 글을 작성하려고 한다.

우리는 항상 서비스를 만들 때, 개발을 하고 배포를 진행합니다. 변경된 코드를 실행시키기 위해서 서버를 재실행하게 되는데, 아주 찰나에 사용자는 서비스가 죽은 화면을 볼 가능성이 높다. PM2를 사용해서 이 문제점을 해결해봅시다.

"CSR, SSR, SSG 조화를 이루다."은 웹 렌더러 방식의 간단한 용어 설명 및 웹의 진화 과정에 대한 내용을 다룹니다. 위의 세 단어는 웹 서비스를 해보셨다면, 웹 개발자뿐만 아니더라도 한 번쯤은 들어봤을 법한 용어입니다.

최근에 최적화 관련된 글을 찾아보다가 TCO(Tail Call Optimization) 라는 개념을 접하였습니다. 궁금해서 알아보니 재귀와 관련된 메모리 최적화 방법으로서 이번 글에서는 이에 대한 내용을 설명해보겠습니다.

먼저 기술적으로 적용시키기 전에 Yarn2 (Berry)가 나온 배경부터 알아봅시다. 바로 기술적인 내용이 필요하신 분이라면 스킵해도 좋습니다.

React를 사용하면서 Code Splitting을 적용하려면 다음과 같이 Dynamic import를 사용해서 구현할 수 있다. 이 때, Suspense와 Lazy를 사용했을 떄, 트랜지션 적용 방법을 코드를 통해서 구현 방법과 동작 과정에 대해서 확인해보자.

본 프로젝트는 2020년 12월 한달동안 설계 및 디자인을 마치고 개발을 진행한 포트폴리오 사이트입니다. 이번 글을 통해서 현재 포트폴리오가 나오기까지 어떤 과정을 거쳐왔고, 어떤 어려움이 있었는지에 대해서 작성해보려고 합니다. Key Point: UI/UX에 대해

일반 CSS를 사용하는 것과 CSS-in-JS를 사용하는 것 중에 어떤 것이 더 성능에 좋은가? 라고 물어보면 여기에서는 이렇게 대답하고 있다. JS 양이 적음 == 더 빠름

이번에 진행하는 일에서 React Component로 제작해서 배포해야 할 일이 생겼다. 그래서 기존에 CRA로 제작한 Component를 Babel을 통하여 Package로 배포하려고 생각하고 진행하였다.

Electron 앱을 빌드하고 배포까지 마쳤다면 과연 끝일까? 대답은 NO. 우리는 지속적으로 유지보수 및 기능개발을 진행해야 한다. 그렇게 하기위해서 업데이트를 진행해야 한다.

이번 글에서는 Electron을 적용시킴으로써 기존 React 코드에서 달라지는 부분을 수정하고, 플랫폼별로 빌드하여 Electron App을 실행시키는 과정까지 진행해보겠다!