FEConf23
국내 최대 프론트엔드 개발 컨퍼런스,
FEConf가 10월에 찾아옵니다.
diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 0000000..e69de29 diff --git a/404.html b/404.html new file mode 100644 index 0000000..823c5b0 --- /dev/null +++ b/404.html @@ -0,0 +1,15 @@ + +
+ + +404 Resource Not Found
+ \ No newline at end of file diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..9902474 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +2023.feconf.kr diff --git a/build/q-02253539.js b/build/q-02253539.js new file mode 100644 index 0000000..07203e7 --- /dev/null +++ b/build/q-02253539.js @@ -0,0 +1 @@ +let t;(function(i){i[i.A=0]="A",i[i.B=1]="B",i[i.Sponsor=2]="Sponsor"})(t||(t={}));let l;(function(i){i[i.Diamond=0]="Diamond",i[i.Platinum=1]="Platinum",i[i.Gold=2]="Gold",i[i.Rookie=3]="Rookie"})(l||(l={}));export{t as P,l as S}; diff --git a/build/q-02b8faa7.js b/build/q-02b8faa7.js new file mode 100644 index 0000000..903dfa2 --- /dev/null +++ b/build/q-02b8faa7.js @@ -0,0 +1 @@ +import{C as r}from"./q-609ebf39.js";import{a as i,d as t,p as o}from"./q-0daa6403.js";import"./q-d9ba29ea.js";import{S as s}from"./q-b8f4905f.js";import{S as e}from"./q-2ee2e09e.js";import{c as n}from"./q-7647edae.js";const C=()=>i("section",null,{class:n.root},[t(e,null,3,"XH_0"),t(s,{description:"FEConf는 컨퍼런스에 참가하는 모든 사람이 환영받고 안전한 환경에서 서로 배우고, 성장하는 경험을 제공하기 위해 최선을 다하고 있습니다. 아래에 적힌 행동 가이드라인을 준수해주세요. FEConf의 발전을 위해 도움을 주실 분은 언제든 환영합니다. feconf@googlegroups.com 으로 메일을 보내주세요.",sectionName:"CODE OF CONDUCT",title:"FEConf에 참여하는 모든 분은FEConf는 컨퍼런스에 참가하는 모든 사람이 환영받고 안전한 환경에서 서로 배우고, 성장하는 경험을 제공하기 위해 최선을 다하고 있습니다. 아래에 적힌 행동 가이드라인을 준수해주세요. FEConf의 발전을 위해 도움을 주실 분은 언제든 환영합니다. feconf@googlegroups.com 으로 메일을 보내주세요.
FEConf는 개개인의 정체성과 개성 및 취향을 존중합니다. 하지만 성별, 성 정체성, 외모, 인종, 종교, 지역, 장애, 나이, 국가, 약자 등에 대한 혐오와 폭력은 어떤 방식이라도 허용하지 않습니다.
FEConf참여자는 프론트엔드 분야의 성장에 대한 사회적 책임을 가집니다. 내가 알고 있는 지식은 아무리 작은 것이라도 다른 누군가에 도움을 줄 수 있습니다. 이를 다양한 방법으로 공유하세요.
참여자의 다양한 배경이 협업과 커뮤니케이션을 방해하는 요소가 될 수 없습니다. 도움을 요청하기 전에 먼저 도움을 주고 자신의 생각을 자유롭게 표현할 수 있는 FEConf가 될 수 있도록 노력해 주세요.
FEConf는 지식 재산권과 개인 정보 등의 권리를 존중합니다. 지식 재산권을 위배하거나 개인 정보를 침해하는 어떠한 콘텐츠도FEConf에서 사용할 수 없습니다.
2023년, 프론트엔드 엔지니어들의
치열한 고민과 몰입에 관한 이야기
2023년, 프론트엔드 엔지니어들의
치열한 고민과 몰입에 관한 이야기
새로운 무언가를 만들 때 오픈소스는 항상 우리 곁에 있습니다. 덕분에 복잡한 작업을 간편하게 처리하고 우리는 제품에 집중할 수 있습니다. 당연하게만 사용해온 프론트엔드 오픈소스 프로젝트에 감사의 의미를 담아 FEConf에서 후원을 진행합니다. 오픈소스 후원으로 웹 개발 생태계를 지원해나가요!
국내 최대 프론트엔드 개발 컨퍼런스, FEConf는 2017년부터 프론트엔드 엔지니어의 다양한 도전과 경험을 주제로 프론트엔드 개발 커뮤니티가 서로 배우고, 함께 성장할 수 있는 생태계를 만들기 위해 노력하고 있습니다. 올해는 몰입(Flow)을 주제로 다양한 회사에서 활약하고 있는 프론트엔드 엔지니어들의 도전과 몰입, 그 과정에서 찾은 멋지고 흥미로운 이야기들을 준비했습니다. 10월 21일에 만나요!
2023년의 프론트엔드 개발은 사실상 React로 천하 통일되었습니다. 그런데, 우리는 정말 각자의 문제를 푸는 데에 React가 필요해서, 혹은 React가 가장 적절한 도구라서 사용하고 있을까요? 프론트엔드 애플리케이션을 구성하기 위한 다양한 선택지들을 살펴보고, React 안팎의 프론트엔드 생태계를 둘러보면서, 각자의 문제를 푸는 데에 가장 적절한 도구를 찾아가 보는 시간을 가져보려 합니다.
지금처럼 새로운 기술이 쏟아지는 시대일수록 그 바탕에 있는 기본 기술이 더욱 중요하다고 생각합니다. 디자인 패턴은 그 기본 기술 중의 하나라고 생각합니다. 그러나 디자인 패턴은 실무에 적용하려고 할 때 막막한 경우가 많습니다. 그래픽 편집기는 디자인 패턴을 실무적 관점에서 이해하기 좋은 예제입니다. UI 프로토타이핑 도구, 이미지 편집기, ML 데이터 어노테이션 도구 등 다양한 웹 기반 그래픽 편집기 개발 경험을 바탕으로 웹 기반 그래픽 편집기의 기본 구조와 그 안에 녹아 있는 다양한 디자인 패턴을 실무에 적용할 수 있도록 그림과 코드 위주로 공유해 드리고자 합니다.
React 18에 Suspense가 정식 도입 되었지만, 아직 Suspense를 트리거할 use 훅은 출시되지 않았습니다. 정식 출시될 use훅이 바꿀 리액트에서 데이터 로딩의 미래를 소개하고, 이를 활용해 쿠키런: 킹덤의 어드민 툴용 게임 리소스 데이터 로더를 효율적으로 개선한 경험을 공유합니다.
SSR 도입하는 회사들이 꽤 많아지다 보니 Node.js 환경에서 메모리 누수(memory leak)를 디버깅해야 하는 상황이 종종 발생하는 것 같아요. 크롬 브라우저의 메모리 프로파일링 기능들에 대한 설명과 메모리릭을 찾아가는 과정을 통해 메모리릭이 디버깅에 막막함을 덜어드리고자 합니다.
"처음에는 쉽다고 생각했는데..."
"'유저 가이드'에 이렇게까지 많은 엔지니어링 포인트가 숨어있을 줄은 몰랐지..."
몇천 페이지의 콘텐츠를 제공하는 유저 가이드를 처음부터 새로 만들며 만난 엔지니어링 문제들을 이야기합니다. 웹 접근성의 구현, 빌드 속도의 향상, Next.js App Router 등의 얼리 스테이지 기술 사용 사례를 짚어봅니다. 이를 통해 제품의 특성을 파악하고 복잡도를 제어하며 프론트엔드 개발자로서 성장하는 방법을 함께 이야기하고자 합니다.
프레임워크 마이그레이션은 비용이 많이 들지만, 서비스 유지보수와 품질 개선을 위해 필요할 수 있습니다. 숨고는 Vue 기반의 애플리케이션을 Next.js 로 마이그레이션 중입니다. 상용 서비스 중인 애플리케이션의 프레임워크 마이그레이션을 위한 과제들을 "인프라", "생산성", 그리고 "비즈니스" 관점으로 고민해보고, 해결과정을 공유합니다.
웹뷰 프레임워크 Stackflow를 만들게 된 핵심 문제를 소개하고, Stackflow의 기초적인 이벤트 기반 설계로의 리팩토링과 그것을 활용한 플러그인 인터페이스를 소개합니다. 그리고 플러그인을 통한 확장 가능한 설계로 사내 개발 생태계를 구축한 사례 등 프레임워크를 만들며 얻은 핵심 설계 노하우들을 공개합니다. (https://github.com/daangn/stackflow)
React Native 개발을 하다 보면 Metro라고 하는 번들러를 반드시 사용하게 됩니다. Metro를 사용하다 보면 다양한 문제들을 자연스럽게 겪게 되는데요. 빌드 속도가 느리고, 전역 캐시를 사용하기 때문에 빌드하는 컴퓨터에 따라서 빌드 결과물이 달라지기도 하죠. 이 때문에 매번 `--reset-cache` 옵션을 붙이기도 합니다.
토스팀에서는 이 문제를 React Native 번들러로 ESBuild로 교체함으로써 완벽하게 해결했습니다. 기술적으로 Metro와 ESBuild의 동작 원리에 대해서 살펴보면서, 어떻게 토스팀이 번들러를 교체하는 데에 성공했는지 공유합니다.
200개 페이지가 넘는 복잡하고 큰 SaaS 웹 제품을 UI 컴포넌트 단위의 작은 앱으로 쪼개 독립적으로 개발, 배포할 수 있는 Micro Frontends 아키텍처로 전환한 여정을 공유합니다.
레퍼런스가 부족하고 불확실성이 큰 기술 도입에 어떤 설득과 의사결정이 필요한지, 팀의 기능 개발 속도를 최대한 늦추지 않고 제품의 아키텍처를 바꾸려면 어떻게 해야 하는지와 같은 질문들에 대해 flex 팀이 찾아갔던 답을 확인해 보세요.
당근마켓 디자인 시스템 팀이 걸어온 길을 소개합니다. 디자인 시스템의 설계와 구현 접근을 공유하며, 이 과정에서 겪은 실패와 그로부터 얻은 교훈을 함께 나눕니다.
2023년, 7번째 FEConf를 함께 빛내주는 후원사를 소개합니다. 이 기업들은 프론트엔드 분야에서 혁신을 주도하며 최신 기술과 트렌드를 발전시키고 있습니다. 아래 로고에 연결된 링크에서 후원사의 프로덕트와 채용 기회에 대해서 더 자세하게 알아보세요.
올해는 누구나 FEConf 2023을 함께 만들어갈 수 있도록 후원 티켓을 준비했습니다. 후원 금액은 FEConf 2023을 준비하고 오픈소스를 후원하는 데 사용할 예정이며, 입장 티켓 외에도 특별 리워드로 웹사이트와 엔딩 크레딧에 후원자 목록이 노출될 예정입니다.
2023년, 프론트엔드 엔지니어들의
치열한 고민과 몰입에 관한 이야기
2023년, 프론트엔드 엔지니어들의
치열한 고민과 몰입에 관한 이야기
국내 최대 프론트엔드 개발 컨퍼런스, FEConf는 2017년부터 프론트엔드 엔지니어의 다양한 도전과 경험을 주제로 프론트엔드 개발 커뮤니티가 서로 배우고, 함께 성장할 수 있는 생태계를 만들기 위해 노력하고 있습니다. 올해는 몰입(Flow)을 주제로 다양한 회사에서 활약하고 있는 프론트엔드 엔지니어들의 도전과 몰입, 그 과정에서 찾은 멋지고 흥미로운 이야기들을 준비했습니다. 10월 21일에 만나요!
2023년의 프론트엔드 개발은 사실상 React로 천하 통일되었습니다. 그런데, 우리는 정말 각자의 문제를 푸는 데에 React가 필요해서, 혹은 React가 가장 적절한 도구라서 사용하고 있을까요? 프론트엔드 애플리케이션을 구성하기 위한 다양한 선택지들을 살펴보고, React 안팎의 프론트엔드 생태계를 둘러보면서, 각자의 문제를 푸는 데에 가장 적절한 도구를 찾아가 보는 시간을 가져보려 합니다.
지금처럼 새로운 기술이 쏟아지는 시대일수록 그 바탕에 있는 기본 기술이 더욱 중요하다고 생각합니다. 디자인 패턴은 그 기본 기술 중의 하나라고 생각합니다. 그러나 디자인 패턴은 실무에 적용하려고 할 때 막막한 경우가 많습니다. 그래픽 편집기는 디자인 패턴을 실무적 관점에서 이해하기 좋은 예제입니다. UI 프로토타이핑 도구, 이미지 편집기, ML 데이터 어노테이션 도구 등 다양한 웹 기반 그래픽 편집기 개발 경험을 바탕으로 웹 기반 그래픽 편집기의 기본 구조와 그 안에 녹아 있는 다양한 디자인 패턴을 실무에 적용할 수 있도록 그림과 코드 위주로 공유해 드리고자 합니다.
React 18에 Suspense가 정식 도입 되었지만, 아직 Suspense를 트리거할 use 훅은 출시되지 않았습니다. 정식 출시될 use훅이 바꿀 리액트에서 데이터 로딩의 미래를 소개하고, 이를 활용해 쿠키런: 킹덤의 어드민 툴용 게임 리소스 데이터 로더를 효율적으로 개선한 경험을 공유합니다.
SSR 도입하는 회사들이 꽤 많아지다 보니 Node.js 환경에서 메모리 누수(memory leak)를 디버깅해야 하는 상황이 종종 발생하는 것 같아요. 크롬 브라우저의 메모리 프로파일링 기능들에 대한 설명과 메모리릭을 찾아가는 과정을 통해 메모리릭이 디버깅에 막막함을 덜어드리고자 합니다.
"처음에는 쉽다고 생각했는데..."
"'유저 가이드'에 이렇게까지 많은 엔지니어링 포인트가 숨어있을 줄은 몰랐지..."
몇천 페이지의 콘텐츠를 제공하는 유저 가이드를 처음부터 새로 만들며 만난 엔지니어링 문제들을 이야기합니다. 웹 접근성의 구현, 빌드 속도의 향상, Next.js App Router 등의 얼리 스테이지 기술 사용 사례를 짚어봅니다. 이를 통해 제품의 특성을 파악하고 복잡도를 제어하며 프론트엔드 개발자로서 성장하는 방법을 함께 이야기하고자 합니다.
프레임워크 마이그레이션은 비용이 많이 들지만, 서비스 유지보수와 품질 개선을 위해 필요할 수 있습니다. 숨고는 Vue 기반의 애플리케이션을 Next.js 로 마이그레이션 중입니다. 상용 서비스 중인 애플리케이션의 프레임워크 마이그레이션을 위한 과제들을 "인프라", "생산성", 그리고 "비즈니스" 관점으로 고민해보고, 해결과정을 공유합니다.
웹뷰 프레임워크 Stackflow를 만들게 된 핵심 문제를 소개하고, Stackflow의 기초적인 이벤트 기반 설계로의 리팩토링과 그것을 활용한 플러그인 인터페이스를 소개합니다. 그리고 플러그인을 통한 확장 가능한 설계로 사내 개발 생태계를 구축한 사례 등 프레임워크를 만들며 얻은 핵심 설계 노하우들을 공개합니다. (https://github.com/daangn/stackflow)
React Native 개발을 하다 보면 Metro라고 하는 번들러를 반드시 사용하게 됩니다. Metro를 사용하다 보면 다양한 문제들을 자연스럽게 겪게 되는데요. 빌드 속도가 느리고, 전역 캐시를 사용하기 때문에 빌드하는 컴퓨터에 따라서 빌드 결과물이 달라지기도 하죠. 이 때문에 매번 `--reset-cache` 옵션을 붙이기도 합니다.
토스팀에서는 이 문제를 React Native 번들러로 ESBuild로 교체함으로써 완벽하게 해결했습니다. 기술적으로 Metro와 ESBuild의 동작 원리에 대해서 살펴보면서, 어떻게 토스팀이 번들러를 교체하는 데에 성공했는지 공유합니다.
200개 페이지가 넘는 복잡하고 큰 SaaS 웹 제품을 UI 컴포넌트 단위의 작은 앱으로 쪼개 독립적으로 개발, 배포할 수 있는 Micro Frontends 아키텍처로 전환한 여정을 공유합니다.
레퍼런스가 부족하고 불확실성이 큰 기술 도입에 어떤 설득과 의사결정이 필요한지, 팀의 기능 개발 속도를 최대한 늦추지 않고 제품의 아키텍처를 바꾸려면 어떻게 해야 하는지와 같은 질문들에 대해 flex 팀이 찾아갔던 답을 확인해 보세요.
당근마켓 디자인 시스템 팀이 걸어온 길을 소개합니다. 디자인 시스템의 설계와 구현 접근을 공유하며, 이 과정에서 겪은 실패와 그로부터 얻은 교훈을 함께 나눕니다.
2023년, 7번째 FEConf를 함께 빛내주는 후원사를 소개합니다. 이 기업들은 프론트엔드 분야에서 혁신을 주도하며 최신 기술과 트렌드를 발전시키고 있습니다. 아래 로고에 연결된 링크에서 후원사의 프로덕트와 채용 기회에 대해서 더 자세하게 알아보세요.
올해는 누구나 FEConf 2023을 함께 만들어갈 수 있도록 후원 티켓을 준비했습니다. 후원 금액은 FEConf 2023을 준비하고 오픈소스를 후원하는 데 사용할 예정이며, 입장 티켓 외에도 특별 리워드로 웹사이트와 엔딩 크레딧에 후원자 목록이 노출될 예정입니다.
새로운 무언가를 만들 때 오픈소스는 항상 우리 곁에 있습니다. 덕분에 복잡한 작업을 간편하게 처리하고 우리는 제품에 집중할 수 있습니다. 당연하게만 사용해온 프론트엔드 오픈소스 프로젝트에 감사의 의미를 담아 FEConf에서 후원을 진행합니다. 오픈소스 후원으로 웹 개발 생태계를 지원해나가요!
FEConf는 컨퍼런스에 참가하는 모든 사람이 환영받고 안전한 환경에서 서로 배우고, 성장하는 경험을 제공하기 위해 최선을 다하고 있습니다. 아래에 적힌 행동 가이드라인을 준수해주세요. FEConf의 발전을 위해 도움을 주실 분은 언제든 환영합니다. feconf@googlegroups.com 으로 메일을 보내주세요.
FEConf는 개개인의 정체성과 개성 및 취향을 존중합니다. 하지만 성별, 성 정체성, 외모, 인종, 종교, 지역, 장애, 나이, 국가, 약자 등에 대한 혐오와 폭력은 어떤 방식이라도 허용하지 않습니다.
FEConf참여자는 프론트엔드 분야의 성장에 대한 사회적 책임을 가집니다. 내가 알고 있는 지식은 아무리 작은 것이라도 다른 누군가에 도움을 줄 수 있습니다. 이를 다양한 방법으로 공유하세요.
참여자의 다양한 배경이 협업과 커뮤니케이션을 방해하는 요소가 될 수 없습니다. 도움을 요청하기 전에 먼저 도움을 주고 자신의 생각을 자유롭게 표현할 수 있는 FEConf가 될 수 있도록 노력해 주세요.
FEConf는 지식 재산권과 개인 정보 등의 권리를 존중합니다. 지식 재산권을 위배하거나 개인 정보를 침해하는 어떠한 콘텐츠도FEConf에서 사용할 수 없습니다.
국내 최대 프론트엔드 개발 컨퍼런스,
FEConf가 10월에 찾아옵니다.
국내 최대 프론트엔드 개발 컨퍼런스,
FEConf가 10월에 찾아옵니다.