프런트엔드 엔지니어
안녕하세요. LINE UIT(User Interface Technology) 팀에서 LINE이 보유한 방대한 데이터를 안전하고 효율적으로 활용할 수 있는 데이터 포털 'IU Web' 디자인과 프런트엔드 개발을 담당하고 있는 Okazaki입니다. 현재 UIT Accessibility TF 소속으로 사내에 접근성에 대해 알리는 활동도 하고 있습니다. Tech-Verse 2022 소개 Tech-Verse는 LINE과 Yahoo! JAPAN이 합동으로 개최하는 기술 콘퍼런스입니다. 지금까지 각 사에서 LINE DEVELOPER DAY와 Yahoo! JAPAN Tech Conference(일본어)라는 이름으로 각각 개최해 왔던 기술 콘퍼런스가 Tech-Verse라는 이름으로 하나가 됐습니다. Tech-Verse 2022에서는 각 회사가 개발하고 연구하며 쌓아온 지식과 전문성, 현재 활용하고 있는 최첨단 기술과 새로운 도전 등을 전하기 위해 총 88개 세션을 세 개 언어(한국어, 영어, 일본
안녕하세요. LINE UIT(User Interface Technology) Front-end Dev. 9팀에서 주로 LINE 스키마니(LINEスキマニ)와 LINE Creators Market 프런트엔드 개발을 담당하고 있는 Konosu입니다. UIT 조직에서는 사내 프런트엔드 엔지니어 근황 및 툴 이용 현황을 조사하기 위해 매년 사내 설문 조사인 'UIT Survey'를 실시하고 있습니다. UIT Survey는 2018년에 Ashley Nolan 님이 실시하는 Front-end Tooling Survey를 기반으로 시작해 올해로 5번째 진행하고 있는데요. 이번 글에서는 작년 11월에 진행한 2022년 UIT Survey 결과를 소개하겠습니다. UIT Survey 개요 설문 조사 대상과 조사 기간은 다음과 같습니다. ・ 대상: LINE 프런트엔드 엔지니어(한국, 일본, 베트남, 태국 조직 소속)・ 응답자 수: 123명(약 70%가 일본 거점 엔지니
Front-end Engineer - @AlanGDavalos
TL;DR: 2022년 웹 개발에서 고려해야 할 환경은, 성능 측면에서는 저사양의 Android 기기, 웹 표준 측면에서는 2년 전의 Safari, 네트워크 측면에서는 4G입니다. 웹은 대체적으로 이와 같은 니즈에 적절히 대응하지 못하고 있습니다. 특히 성능 관점에서 JavaScript에 과도하게 의존하는 것과 같은 요소들이 웹 사이트의 성능을 끌어내리고 있습니다. 안녕하세요! LINE에서 프런트엔드 엔지니어로 일하고 있는 Alan Dávalos입니다. 이 글의 제목이 그저 클릭을 유도하려는 미끼라고 생각하실 수 있겠지만, 조금만 더 읽어주시길 바랍니다. 분명 읽을 만했다고 생각하실 겁니다. 2021년과 2022년 사이에 웹에는 몇 가지 큰 변화가 있었는데요. 이 변화가 전반적인 웹 개발 방식에 영향을 미치고 있습니다. 그래서 저는 이번 글에서 다양한 데이터를 분석하며 어떤 변화가 있었는지 알아보고, 웹 개
안녕하세요. LINE Growth Technology UIT 팀의 Keishima(@pittanko_pta)입니다. 이번 글에서는 TypeScript의 enum을 사용하지 않는 편이 좋은 이유를 Tree-shaking 관점에서 소개하겠습니다. 검증 환경 TypeScript에서 JavaScript로 트랜스파일(transpile)은 https://www.typescriptlang.org/play(TypeScript 3.9.2, 타깃은 ESNext)에서 진행했습니다. Tree-shaking의 동작은 https://rollupjs.org/repl/에 트랜스파일한 JavaScript 코드를 붙여서 검증했습니다. Babel을 사용한 트랜스파일은 https://babeljs.io/repl(Babel 7.10.3)에서 검증했습니다. Tree-shaking은 무엇인가요? Tree-shaking이란 간단하게 말
LINE에서 프론트엔드 개발자로 일하고 있습니다. 프로그래밍 언어에 관심이 많습니다.
안녕하세요! LINE에서 프런트엔드 개발을 담당하고 있는 Jun입니다. 최근 프런트엔드 분야는 흥미로운 기술이 가득해서 전부 다 파악하는 게 힘들 정도인데요. 개인적으로 가장 관심이 가는 건 머신러닝입니다. 오늘은 웹 프런트엔드에서 머신러닝 활용하기를 주제로, TensorFlow.js를 사용해서 간단하게 머신러닝을 구현해 본 경험을 공유하겠습니다. 들어가기 전에 저는 TensorFlow.js를 사용해서 브라우저에서 동작하는 간단한 classification 모델을 만들어 보았는데요. 제 경험을 말씀드리기 전에 TensorFlow와 classification에 대해 짧게 소개드리겠습니다. TensorFlow란? TensorFlow는 오픈소스 머신러닝 프레임워크입니다. 머신러닝에서 자주 사용되는 모델과 함수 등이 잘 추상화되어 있어서 애플리케이션 프로그래머도 손쉽게 머신러닝을 구현할 수 있는데요. 2018년 중순에 Tenso
sunderls is a front-end engineer
안녕하세요, 저는 LINE MANGA팀의 자바 스크립트 개발자, @sunderls입니다. 일본에서는 LINE으로 만화를 볼 수 있다는 것, 알고 계셨나요? 혹시 여러분은 LINE MANGA1) 서비스를 이용해 보셨나요? 예전에 블로그를 통해서도 나누었듯이(LINE MANGA: Page Stack을 이용해서 페이지 전환 처리하기), LINE MANGA는 웹 기반으로 구현되어 있습니다. 이 서비스는 LINE 앱 안에서 구동되는 서비스이기 때문에, LINE 앱을 이용할 때와 마찬가지로 편안하고 매끄러운 UX를 제공하고자 저희는 많은 노력을 쏟았습니다. 우리는 우리의 목표를 달성하고자 code-splitting을 도입하였는데, 이 글을 통해 code-splitting을 손쉽게 적용할 수 있도록 개발한, LINE의 오픈 소스 프로젝트인 grow-loader를 여러분께 소개하고자 합니다. 코드를 분리하려고 했던 이유 우리 서비스의 자바 스크립트 코드는 단 하나의 번들로 빌드됩니다. 서비스 규모