본문 바로가기

분류 전체보기274

(01.08~01.14) Weekly Hot issue 1, ESL 프로리그 루브르 협약 최소 2025년까지 연장 릴리스에 따르면 ESL Pro League의 15개 멤버 팀 모두 만장일치로 연장에 동의했으며 ESL로 리그를 계속 관리할 것 ESL은 조직이 프로 리그와 미래에 투자하고 있음을 증명한다고 인용, 확장을 통해 더 많은 수익 창출 옵션과 파트너 팀의 수익이 증가할 것으로 예상 이 계약에는 Astralis, Complexity, Evil Geniuses , FaZe Clan, Fnatic, G2 Esports , NAVI 및 Ninjas in Pyjamas 등이 포함 파트너로서 팀은 ESL Pro League를 완전히 새로운 수준으로 끌어올렸고, 이 계약을 연장함으로써 향후 몇 년 동안 균형 잡힌 거버넌스와 의사 결정 인프라를 보장 릴리스에 따르면 .. 2022. 1. 14.
[프론트엔드] ClientOnly 컴포넌드 개발 여행 📌 목차 서론 Vue SSR의 기본적인 설명 코드 설명 결론 참고자료 📌 서론 안녕하세요. 프론트엔드 개발자로 일하는 최종선이라고 합니다. 저희 회사는 Nuxt를 사용하는 대신 Vue를 자체 커스터마이징을 하여 SSR을 구현하여 사용하고 있습니다. 따라서 필요에 따라 컴포넌트 전체의 랜더링 시점을 결정하는 Nuxt에서의 컴포넌트를 따로 제작하게 되었습니다. 그에 따라 이 글에서는 사용방법 및 구현 방식을 설명하고자 합니다. 그럼 재밌게 읽어주세요~! 🙇🏻‍♂️ 💡 Nuxt에서 client-only 컴포넌트란? ClientOnly 컴포넌트는 자식요소들을 client-side에서 랜더링 시킵니다. 📌 Vue SSR의 기본적인 설명 일단 해당 컴포넌트에 대해서 조금 더 깊게 이해를 하자면 먼저 customiz.. 2022. 1. 12.
[프론트엔드]웹 표준 지키기 - 포커스 표시기 A guide to designing accessible, WCAG-compliant focus indicators를 바탕으로 작성되었습니다. 안녕하세요, 빅픽처 인터랙티브 개발팀 프론트엔드(FrontEnd) 챕터 소속 박성렬입니다. 이번에는 웹 표준과 포커스 표시기에 대해서 알아보도록 하겠습니다. 우리 사이에 낯선 사람들이 삽니다. 같은 공기를 마시고 같은 공간에 사는 것은 분명합니다. 하지만 우리와는 다른 방식으로 살아갑니다. 이들이 인터넷을 사용하는 모습도 다릅니다. 머릿속에 당장 떠오르는 웹페이지는 당연히 마우스로 조작해야 하고 그렇지 않으면 응당 손가락으로라도 터치해야 합니다. 그러나 이 낯선 사람들은 마우스도 손가락도 사용할 수가 없습니다. 그러나 낯선 존재는 분명히 곁에 숨쉬며 살아있습니다... 2022. 1. 12.
[프론트엔드]Vue build time 최적화 해보기 feat.Vite - 2탄 📌 목차 요약 서론 레벨업 나라의 역사 Vite 무기를 찾아서 Vite 무기 휘둘러 보기. (회사 프로젝트 적용하기) 결론 📌 요약 기존 vite 적용후 build time 34,897ms 548ms re-build time 3,310ms 100ms 이하 📌 서론 안녕하세요! 빅픽처에서 종선버를 맡고 있는 최종선이라고 합니다. 🙇🏻‍♂️ 저번 1탄을 쓴지 시간이 많이 흘렀네요. 그동안 레벨업 프론트 프로젝트에는 많은 변화가 있었고 빌드 타임또한 최대한 줄이려는 노력들이 있었습니다. (조금의 코드 수정후 매번 기다리는 시간이 아깝고 금붕어 집중을 가진 종선버는 쉽게 집중도 깨지기 때문입니다.) 그럼 이제 어떻게 3,4897ms에서 548ms까지 줄일 수 있었는지에 대해서 알아보겠습니다. 그럼 출발! 🚀 📌.. 2022. 1. 11.
블로그 사이트 재구성하기 2 - 개발하기 안녕하세요, 빅픽처 인터랙티브 개발본부 프론트엔드(FrontEnd)챕터 소속 개발자 박성렬입니다. 이번에 우연한 기회에 자가격리로 블로그 사이트를 기획부터 디자인, 개발까지 재구성하며 느꼈던 점들을 공유해 보고자 합니다. 기획과 디자인에 이어서 이번에는 개발을 어떻게 진행했는지 이야기를 나눠보도록 하겠습니다. 개발하기 작업에 앞서 미리 지정한 개발 목표는 아래와 같습니다. Server Side Rendering(이하 SSR)을 적용할 것 monorepo(이하 모노레포)를 완벽히 구현할 것 통일된 커맨드로 전체 패키지를 빌드할 수 있을 것 다른 패키지 간에도 버전 관리를 할 수 있을 것 @xyz/abc 형태의 scoped 패키지로 배포하고 재활용할 수 있을 것 yarn workspace를 사용할 것 CI-.. 2022. 1. 11.
블로그 사이트 재구성하기 1 - 기획과 디자인 안녕하세요, 빅픽처 인터랙티브 개발본부 프론트엔드(FrontEnd)챕터 소속 개발자 박성렬입니다. 이번에 우연하게 자가격리로 업무를 잠시 쉬게 되어, 이 시간동안 블로그 사이트를 기획부터 디자인, 개발까지 재구성하며 느꼈던 점들을 공유해 보고자 합니다. 시작하며 세상엔 가치있는 것들이 너무나 많습니다. 리셀샵에서 구매한 나이키 조던👟도 중요하고, 어렸을 때 쓰던 박찬호 썬칩 열쇠고리가 달린 다이어리도 중요합니다. 제 어머니는 “별 쓸데없는 걸 다 중요하게 생각한다”고 투정을 부리기도 했습니다. 그렇게 사소한 것에 애착을 쉽게 가지는 제게도 블로그는 생각보다 그렇게 중요한 것이 아니었던 것 같습니다. 호스팅 비용이 밀려서 청구서 메일💸이 쌓일 때에도 귀찮다는 생각밖에 들지 않았습니다. 각종 오류들이 쌓여가.. 2022. 1. 11.
2022 'GGC' 와 'LVUP.GG', 그리고 제작 환경 GGC - GAMST MINGYO CUP - 유명 크리에이터 감스트와 김민교님이 진행하는 이스포츠 대회입니다 전 프로게이머 또는 아마추어 챌린저들이 주로 참가합니다 올해가 두번째 시즌이고 다이아TV, 아프리카TV, 그리고 레벨업과 함께하지요 특정 팀과 비슷하다는 논란이 있었던 로고도 새로 산뜻하게 바뀌었습니다 두 가지 타입이 모두 사용되는데 둘 다 멋지군요 작년에 성공에 이어 이번 시즌도 가히 역대급 인기라는 이야기가 있습니다 그렇다면 작년과 올해의 차이를 살펴볼까요? 물론 방송 제작적 관점에서요 물론 작년이나 지금이나 감스트, 김민교님의 재치 있는 입담은 여전하군요 방송은 분명 대회의 기획자이시자 출연자이기도 한 이 두분 만드는 것은 사실입니다 그런데 또 다른 차이점도 보이는 군요 (이미지 우측 상단에.. 2022. 1. 10.
[Weekly Focus #30] WCG + 빅픽처인터렉티브 이번 주 가장 핫한 소식이라고 한다면 저희 회사 소식이라고 봐야겠지요. 따라서 이번 주는 아카이브에 간략히 언급드린 내용을 토대로 WCG가 빅픽처의 품으로 들어오게 된 의미를 분석해보고자 합니다. 다만 다른 포스트와 동일하게 학구적 관점에서 판단하기 때문에 회사의 공식 의견이 아니라는 점을 미리 말씀드릴게요. 그래야 작가가 생각의 나래를 마음대로 펼칠 수가 있겠지요. 또한 이 업무를 담당하시는 분들이 회사 내에 계십니다. 제가 마치 공식 의견처럼 저의 개인 의견을 펼치면 매우 부담스러우실 수도 있어요. 우리 하는 모든 일들은 합력해서 선을 이루고자 함이지 절대로 불필요한 긴장감을 유발하기 위함이 아닙니다. 이 블로그는 회사 내부 임직원과 이스포츠를 잘 아는 관계자를 위한 글입니다. 따라서 WCG가 무엇인.. 2022. 1. 7.
(12.28~01.07) Weekly Hot issue 1, 이스포츠에서 세계 강국으로 부상하는 싱가포르 세계 11개 지역의 18개 팀이 경쟁하는 Free Fire World Series 개최 토너먼트의 최고 시청률은 540만 명, 중국 플랫폼 제외 기록 올해 말 'Gamescom'의 첫 번째 아시아 버전 개최 예정 다양한 온라인 카지노 게임을 합법적으로 이용할 수 있을 뿐만 아니라 이스포츠 온라인 베팅 가능 배팅은 모든 인터넷 거래를 훨씬 더 투명하고 안전하게 만든 블록체인 기술을 사용 세계에서 가장 빠른 고정 인터넷 연결 속도인 200.1Mbps를 자랑 (세계 평균 73.6Mbps) 최근 12,000제곱피트의 이스포츠 체험 센터 오픈, 다목적 이스포츠 경기장, 이스포츠 비즈니스 호텔, 코워킹 스페이스, 테마파크 등의 통합 이스포츠 경기장 계획 Singap.. 2022. 1. 7.
빅픽처 '복면가왕' 그 뜨거운 현장을 찾아갑니다. 빅픽처인터렉티브의 2021년을 보내는 자리에 특별한 프로그램을 준비했는데요 이름하여 '복면가왕' 오늘 참가자들이 경연을 펼칠 무대입니다 옆에 선물도 보이는 군요 제일 큰 박스는 플레이스테이션5 실물은 진심으로 영롱하더군요 주인공이 받게 됩니다 그럼 참가자를 한번 알아볼까요? 야심 찬 준비처럼 과연 참여율도 높았을까요? 누가 누군지 몰아야 재미가 있는 것이기 때문에 참가자가 누군지를 알려드릴 필요가 없군요 사실 영상을 보지 못하신다면 '그냥 잼있었겠구나' 이렇게 밖에는 상상을 못 하시겠네요 다들 노래를 정말 잘하시더라고요 곡 선정도 장르도 각양각색이었고 실제 말하시는 톤과 노래 부를 때 톤이 다른 분들도 계시고요 개성을 위해 코스프레를 하신 분들도 계셨고 - 그래서 - 경연이 진행되는 동안 그냥 모든 것들.. 2022. 1. 4.
함께 꿈을 꾸는 방법 - 게임코치 아카데미 이승훈 원장 긴 세월 연락이 없다가 어느 날 갑자기 연락이 오는 친구가 있다. 연락을 하는 이유는 생각이 났기 때문이다. 생각이 나게 된 근거는 페이스북에 포스트를 보았거나 등 여러 가지가 있을 수 있다. 그러나 근본적인 것은 본 것 그것이 아니라 '찾아야겠다는 결심을 하는 것' 그것이다. 나를 찾아왔을 때 보통 해주는 이야기가 있다. 초심에 관한 이야기다. 지금부터 할 이야기는 꿈을 찾는다는 것은 꿈이 무엇인지 안다는 것이기도 하지만 실현해 내는 방법에 대한 것이기도 하다. 1, 회사에 합류할 그때쯤에 대한 이야기를 해달라 대학생이었다. 스타트업 그중 교육업에 관심이 많았다. 그러던 어느 날 중학교 동창의 페이스북에 리-트윗된 대표님의 계획을 보았다. 그 친구를 통해서 대표님을 소개받았다. 회사의 설립 이념과 철학.. 2022. 1. 3.
[Weekly Focus #29] 2022년 이스포츠 기대 사항 2021년의 마지막 날에 글을 쓰게 됩니다. 내년에도 이어지는 프로젝트이지만 점을 찍는다는 의미에서 제게 특별한 감회가 됩니다. 이제 본론으로 돌아오면 지난주에 2021년의 비즈니스 키워드를 정리해 보았습니다. 그래서 이번에는 2022년에는 어떤 기대가 실현되었으면 할지에 대해서 이야기를 해보고자 합니다. 지금부터 올려 드리는 몇 가지 의견들은 순전한 저의 생각으로 이보다 더 중요한 내용들이 포함되지 않을 수도 있고 비교적 덜 중요하다 생각되시는 내용들이 부각이 될 수도 있습니다. 오직 그래서 여러분들에게는 여러 의견들을 듣는 측면일 뿐이지요. 먼저는 오프라인 이벤트가 회복되었으면 좋겠습니다. 특별히 오버워치를 생각해보면 더욱더 힘든 한해였다고 생각합니다. 특별히 이는 기대값에 대한 이야기이겠지요. 오늘.. 2021. 12. 31.

티스토리툴바