React 글 모음

TOAST UI

2024-07-26 · 약 2년 전

프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2024년 7월호)

8퍼센트

2024-07-08 · 약 2년 전

들어가며 소프트웨어는 살아있는 생명체와 같아서, 시간이 흐르면 그 생애를 마감합니다. 우리 개발자의 역할은 제 몫을 다한 소프트웨어를 조심스럽게 분해하여 새로운 소프트웨어에 생명을 불어넣는 것입니다. EOL(End of Life)을 맞이한 Vue2는 7년이 넘는 시간 동안 에잇퍼센트 프론트엔드를 무사히 잘 이끌어왔습니다. 이제는 Vue2를 쉬게 하고 새로운 기술로 전환할 때입니다. 에잇퍼센트는 웹 컴포넌트를 도입하여 Vue2에서 React로의

TOAST UI

2024-06-21 · 약 2년 전

프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2024년 6월호)

TOAST UI

2024-05-23 · 약 2년 전

프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2024년 5월호)

데이블

2024-05-14 · 약 2년 전

안녕하세요. 데이블 Service Front-end Team(SF Team)의 이진호입니다. 리액트는 리액트만의 편리함과 확장성으로 프론트엔드 개발의 기본으로 자리 잡았습니다. 리액트 18은 배포된 지 벌써 2년이 지났고 이제 리액트 19가 저희를 기다리고 있습니다. 이에 맞춰 리액트 19에서 새롭게 선보이는 기능들과 개선 사항에 대해 요약해 보려 합니다. 새로운 기능 이번 리액트 19의 신규 기능은 크게 두 가지로 나눌 수 있습니다. 유저 액

티맵모빌리티

2024-05-09 · 약 2년 전

지난해 9월 출시된 티맵 10.0 버전부터 대중교통 기능이 새롭게 탑재됐습니다. 티맵은 이미 'TMAP 대중교통'이라는 별도의 앱을 갖고 있었는데요. 왜 TMAP 대중교통이 티맵 안으로 들어가게 되었는지 백엔드 엔지니어 입장에서 설명드리고자 합니다. 티맵 대중교통 HISTORY 기존의 'TMAP 대중교통'은 수백 대의 On-premises 서버들로 구

TOAST UI

2024-04-29 · 약 2년 전

프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2024년 4월호)

TOAST UI

2024-02-22 · 2년 이상 전

프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2024년 2월호)

쏘카

2024-01-03 · 2년 이상 전

쏘카의 웹 프론트엔드 개발자들은 어떤 일을 할까요?

씨앤텍시스템즈

2023-12-27 · 2년 이상 전

안녕하세요 씨앤텍시스템즈입니다. 오늘은 SVG를 이용한 Animation을 생성하는 방법에 대해서 정리하겠습니다. 이 글은 https://youtu.be/UTHgr6NLeEw?si=L0r4UHGpoLLN96Ld 자료를 참고하여 작성하였습니다. 이 글의 각 파트별 마지막에는 아래의 두 가지 animation을 완성할 수 있습니다. animation1 animation2 목표 1 : animation1 먼저, animation1을 만드는 과정을 살

TOAST UI

2023-12-20 · 2년 이상 전

프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2023년 12월호)

티맵모빌리티

2023-11-08 · 2년 이상 전

여행! 여행은 일상에서 벗어나 새로운 경험을 누리며, 지난 스트레스를 해소하고 소중한 사람들과 특별한 순간을 만들어내는 설렘으로 넘쳐납니다. 새로운 장소의 낯섦은 여행의 매력이기도 하죠. 하지만 여행지에서는 ‘어디 가지?’, 뭐 하지?’, ‘무엇을 먹지?’에 대한 고민으로 시간을 허비하기도 합니다. 그래서 열심히 검색을 하고 인스타그램과 같은 SNS를 부단

카카오헤어샵

2023-11-01 · 2년 이상 전

안녕하세요, 카카오헤어샵 플랫폼 개발팀 프론트엔드 개발자 조이입니다! 오늘은 프론트엔드 파트에서 진행한 마크업 내재화에 대한 이야기를 해보려고 합니다. 외부 개발로 진행한 마크업의 문제 카카오 헤어샵, 파트너스(점주님 서비스)는 기존에 외부 마크업 개발자(퍼블리셔)분들께 html, css 작업을 요청하고 있었습니다. 내부 개발자 분들이 아니다 보니 저희

TOAST UI

2023-09-22 · 거의 3년 전

프런트엔드 개발에 가장 많은 영향을 주는 크롬 브라우저의 버전별 변경 예정 항목을 정리 및 공유한다. (2023년 9월호)

무스마

2023-09-14 · 거의 3년 전

React-query 를 사용해 상태관리를 해보자 프로젝트를 새로 시작함에 있어 상태관리 라이브러리를 찾아 보던 중, Redux나 MobX 같은 라이브러리 들에 비해 러닝커브가 상당히 낮고 보일러플레이트가 적어 편하게 사용할 수 있는 React Query에 대해 알게되었습니다. 이미 무스마의 많은 개발자 분들이 Reacy query를 개발에 잘 활용하고 계시지만, React Query를 학습하며 정리하는 차원에서 기술블로그에 작성해보려 합니다.

카카오스타일

2023-07-17 · 약 3년 전

카카오스타일의 파트너센터 서비스에서는 UI 테스트와 문서화를 위해서 Storybook과 MSW를 사용하고 있습니다. Storybook의 각 스토리마다 MSW GraphQL mock을 개별로 정의해서 사용하고 있었는데, 이로 인해 코드가 중복되고 mock 누락으로 인한 오류가 자주 발생했습니다. 이런 문제를 해결하기 위해, 스토리마다 따로 정의된 MSW mock을 한 군데로 모아서 관리할 수 있는 새로운 구조를 제안하고, recast를 사용한 변