분류 전체보기
-
실용주의 프로그래머 스터디 6장 - 동시성Book Study 2024. 2. 13. 20:43
들어가며 안녕하세요, 오랜만에 블로그 글로 찾아뵙습니다! 즐거운 2024년 보내고 계신가요? 연휴가 포함되어 있더라도 사내 스터디 요일은 언제나 동일하기 때문에 미리 준비하는 차원에서, 연휴 기간에 공부를 시작하게 되어 미리 글을 남기게 되었습니다. 작년 연말부터 회사에서 타 팀 개발자 분들과 실용주의 프로그래머를 스터디 책으로 골라 진행하고 있습니다. 사실 스터디를 시작한 지는 6주 이상 되었는데, 6장이 되어서야 정리를 해봐야겠다는 마음가짐이 섰습니다...! 늦었지만 이후 진행되는 부분을 정리하고 앞 장으로 돌아가, 실용주의 프로그래머에 대한 나의 키워드와 팀원 분들의 생각을 공유해 보도록 하겠습니다. 나의 키워드 동시성 병렬성 세마포어 트랜잭션 TODO 자바스크립트에서도 동시성을 보장하기 위해 제공..
-
토스, 프론트엔드 다이빙 클럽 회고끄적끄적 2023. 11. 20. 20:22
이미지 레퍼런스 - https://toss.tech/article/frontend-diving-club 계기 저는 링크드인에서 토스를 팔로우하고 있었는데, 우연히 토스에서 진행하는 프다클(프론트엔드 다이빙 클럽)이라는 모임이 프다클 다이버를 구한다는 소식을 보게 되었습니다. 저희 회사에는 저를 포함한 3-4명의 프론트엔드 개발자가 있기 때문에, 나름 교류를 많이 하는 편이라 굳이 회사 밖에서의 네트워킹을 생각하진 않았습니다. 혹은 다를 이유가 있어서일지는 모르지만, 지금 곰곰이 제가 네트워킹을 선호하지 않았던 이유를 생각해 보니, ‘할 일이 많아서?’, ‘혹은 우리 회사의 개발 문화를 다른 회사의 개발자 분들께 소개하기에는 만족하지 않아서?’, ‘내가 아직 부족하다고 생각해서 ?’ 등이 떠오르는 것 같습..
-
prettier로 import module 순서 통일하기React.js & Next.js 2023. 10. 24. 20:43
들어가며 코드 베이스가 커지면서, 저희 팀은 조금 더 규격화 된 코드를 지향하기 시작했습니다. 비즈니스 로직이 길어지기 때문에 코드 리뷰 시에도 피로도를 최소화하기 위해 최대한 같은 구조로 쉽게 파악할 수 있도록 import order를 설정하였습니다. 다음과 같이 auto import에 의해 자유롭게 추가된 모듈을 순서에 맞춰 보다 읽기 쉽게 구조화할 수 있습니다. Input import React, { FC, useEffect, useRef, ChangeEvent, KeyboardEvent, } from 'react'; import { logger } from '@core/logger'; import { reduce, debounce } from 'lodash'; import { Message } f..
-
한번에 적용하는 Sentry with Next.jsReact.js & Next.js 2023. 10. 23. 20:05
들어가며 안녕하세요, 정말 오랜만에 기술 블로그로 돌아왔습니다! 약 3개월 동안 많은 일들이 있었습니다. 서비스 출시가 임박하기도 했고, 프로덕션 배포에 집중하느라 글 작성을 등한시했던 것 같습니다. 아무래도 반복되는 작업과 공유할 수 있는 양질의 글이나 주제를 선택하기가 어려웠었어서 방생 아닌 방생조치를 취하고 있었던 것 같습니다. 이번에 공유드릴 내용은 Sentry 입니다. 전체적으로 서비스에 Sentry를 적용하게 되면서 겪었던 문제점이 많았기 때문에 다른 프론트 개발자 분들이 보기 쉽게 공유차원에서 글을 작성했습니다. 하단에 레포지토리도 같이 달아두었으니, 전체적으로 글을 읽고 코드로 직접 보시면서 만들면 보다 쉽게 적용할 수 있을 것 같습니다. 질문은 언제나 환영입니다. 목차를 보고 천천히 따라..
-
구글 애널리틱스 (GA4) for developersReact.js & Next.js 2023. 7. 16. 21:44
Prerequisitestypescriptnextgoogle analytics default configgoogle analytics debuggerReferencesUnlock the Power of Google Analytics 4 in Just 5 Minutes with Next.js and TypeScript (2023 Edition) Unlock the Power of Google Analytics 4 in Just 5 Minutes with Next.js and TypeScript (2023 Edition)If you own a website, you know how important it is to track its performance and make data-driven decisions..
-
2023년 7월부터는 정말로 구글 애널리틱스 (GA4)!Book Study 2023. 7. 3. 18:18
들어가며해당 내용은 '길벗 출판사'의 김도연님의 책 '모두의 구글 애널리틱스4 - GA4로 하는 디지털 마케팅 데이터 분석'을 읽은 요약본입니다. 개발자의 관점에서 구글 애널리틱스 4를 처음 도입하려고할 때 필요한 정보를 정리해보았습니다. 해당 내용은 요약본이며, 더 깊이있는 내용을 얻기 위해서는 반드시 책을 읽어보시는 것을 추천드립니다. 모두의 구글 애널리틱스4 : 네이버 도서네이버 도서 상세정보를 제공합니다.search.shopping.naver.com 1장, 구글 애널리틱스 알아보기1.5.1) 구글 애널리틱스란구글 애널리틱스는 웹 사이트와 앱의 트래픽(traffic)을 추적하여 분석하는 분석 도구이자 서비스입니다. 구글 애널리틱스의 특징은 다음과 같습니다.클라우드 기반의 무료 서비스고객 데이터 측..
-
리액트에서 다중의 동적 폼 처리하기React.js & Next.js 2023. 6. 15. 20:04
들어가며 프론트엔드로 개발하게 될 경우, 정적으로 사전에 생성된 폼 데이터를 다루기도 하지만, 동적으로 추가하거나 제거 및 수정이 필요한 폼을 만들어야 하는 경우가 생깁니다. 스타일링 코드를 제거하고 자바스크립트 코드 위주로 동적 폼 처리에 대한 기본적인 흐름을 파악합니다. 예시 [wanted] 동적 폼 처리 뷰 코드 import React, { useEffect, useState } from 'react'; function DynamicFormComponent() { const [formFields, setFormFields] = useState([{ name: '', value: '' }]); const handleAddFields = () => { const values = [...formField..
-
3월이 지난지 2주 됐지만,,, 3월의 나끄적끄적 2023. 4. 10. 22:13
3월에는 가장 특별한 이벤트인 제 생일이 있습니다. 생일에는 별로 회사를 가고 싶지 않잖아요? 그래서 작년과 마찬가지로 무작정 연차를 올렸습니다. 작년에는 입사한 지 얼마 되지 않아서 기술 블로그던, 이런 기술 블로그의 작은 카테고리던 뭔가를 적을만한 여유가 없었습니다. 하지만 올해는 다르죠. 벌써 2년 차 (1년 4개월 차) 개발자인걸요? 계획은 없었고 그냥 생일만큼은 회사를 가고싶지 않은 느낌적인 느낌… 그래서 저는 뭐 할까 하다가 관심이 생겼던 갤러리에 다녀왔습니다. 보통 인스타그램이나 구독하는 블로그를 통해 전시 정보를 얻는데, 이번에도 그렇게 얻은 야무진 전시인 평창동에 위치한 ‘가나 포럼 스페이스’에서 주관한 유야 하시즈메의 'Eyewater - Common Jade' 에 다녀왔습니다. 전시 ..