본문 바로가기

분류 전체보기277

준비와 결심 #1 with 전은호 팀장 모든 것은 우연이다. 우리는 많은 것들을 자신의 의지의 반영이라고 생각하지만 실제로는 그렇지 않다. 예를 들어 내가 무언가를 보는 것은 내가 스스로 결정하는 것 같지만 전혀 아니다. 창문을 열어서 내 눈에 보이는 풍경도, TV를 틀었을 때 나오는 그 시간대의 프로그램도, 병원 로비에서 우연히 보게 된 뉴스도, 전부 이미 다 정해져있는 것이다. 그래서 무언가를 보게 된다면 그것은 그저 우연히 보는 것이다. 오직 무언가 내가 정한다는 것의 의미는 내가 보기로 결정을 하고 그것을 열심히 보는 것 밖에 없다. 그런데 재미있는 점은 내가 보기로 결정을 하지 않으면 그 정해져 있는 것들을 볼 수 없다는 것이다. 내게 올 우연을 마주할 수 없게 된다. 우리 인생은 이와 완전히 같다. 눈을 들어 보려는 시도를 하지 않.. 2022. 1. 17.
[프론트엔드/디자인]디자인이 프론트엔드와 figma로 대화하는 법 - 빅픽처 인터랙티브 프론트엔드(Frontend) 챕터 소속 박성렬 개발자 뜻을 모르겠습니다. 잘 생각해보면 알아차릴 수 있는 것도 아닙니다. 답답해서 지식인에 물어보고 싶다는 생각도 듭니다. 모로 누워서 뒤척이다가 어영부영 밤이 넘어갑니다. 차라리 듣지나 말았을걸. 의도가 분명하지 않은 표현들은 늘 당혹스럽습니다. 그게 무의식의 하수구에서 끌어올려 별 생각없이 내뱉은 아주 하찮은 소리였을지라도요. 표현은 왜곡되고 말들은 엇나갑니다. 의사소통이 많은 곳에서는 그만큼 많은 오해가 발생합니다. 개발팀은 말할 것도 없습니다. 그 중에서도 하물며 서로 말하는 방식이 다른 디자인과 프론트엔드(FE)와 디자인은 최악의 관계가 될 가능성이 매우 높습니다. 디자인의 언어만으로는 의도를 명확하게 전달하기 어렵기 때문입니.. 2022. 1. 14.
[Weekly Focus #31] 대회 기획의 의미 많은 사람들이 대회를 기획한다는 것을 1차원적으로 접근하는 경우가 많습니다. 이를 테면 가장 윗단에는 프로, 그다음에는 프로-암, 그다음에는 아마추어, 그다음에는 일반인, 대게 이런 식입니다. 기본적으로 우리가 구분을 이렇게 한다는 의미는 모든 대회는 형태는 같은 채로 참가자만 달라지는 것을 전재로 하는 것입니다. 그래서 마치 이스포츠 기획이란 그 구간대의 실력자들을 모으고 그들의 대결의 의미를 찾아줄 해설진을 모집하는 것이 사실상 전부라고 생각하는 경우가 많습니다. 그러나 실제로는 그렇지 않습니다. 이스포츠는 콘텐츠입니다. 그리고 콘텐츠는 찍어내는 것이 아니죠. 물론 위와 같은 기획이라고 하더라도 조금씩은 다릅니다. 이유는 출전도 사람이 하고 해설도 사람이 하기 때문입니다. 이를 테면 프로-암 구간에 .. 2022. 1. 14.
(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.

티스토리툴바