프론트엔드의 성능 최적화 사용자가 필요한 UI를 지연과 불편함 없이 제공할 수 있는가가 프론트엔드의 성능을 점검하는 주요 목적이다. 기술적 영역에서의 프론트엔드 성능 최적화는 두 가지 영역으로 나눠 볼 수 있다. 로딩 성능 파일크기를 최소화 혹은 최적화 해야 함, (특히 이미지와 글꼴!) 컴포넌트, 이미지 등의 지연로딩과 사전로딩을 적절히 활용해야 함 minifi를 통해 번들크기 최소화. (대부분의 번들러가 production 상태에서 제공함) 캐시를 활용해야 함, 서버에서 설정함. e.g cache-control header 활성화 서버에서 텍스트 압축을 활성화 해야 함. e.g. gzip 활성화 렌더링 성능 최근의 보편적인 화면주사율(화면갱신의 단위, 모니터에 따라 다름)인 60FPS 안에 화면 처리..

지난 포스팅에서 도커의 기반이 되는 컨테이너 기술과 기본적인 도커의 개념들을 살펴봤다. 쿠버네틱스로 가는 발판① - Docker(도커) 기본 개념 회사에서 새로운 프로젝트를 들어가면서 쿠버네틱스를 사용할 일이 생겼다. 지금까지 프론트엔드를 기반으로 개발 커리어를 쌓아왔는데 백엔드를 깊게 파볼 기회가 생겼다. 본 프로젝트에 들 bgradecoding.tistory.com 이번 포스팅에서는 직접 GCP(Google Cloud Platform)에 도커를 설치해보고 도커의 라이프싸이클을 직접 명령어로 실행해 볼 것이다. 일단 GCP에 VM 인스턴스를 하나 생성하자. 앞 포스팅에서도 언급했듯이 도커는 컨테이너 기술을 활용한 소프트웨어로 리눅스 커널 기능을 활용하기 때문에 다른 OS보다는 리눅스 계열에서 사용하는 ..

회사에서 새로운 프로젝트를 들어가면서 쿠버네틱스를 사용할 일이 생겼다. 지금까지 프론트엔드를 기반으로 개발 커리어를 쌓아왔는데 백엔드를 깊게 파볼 기회가 생겼다. 본 프로젝트에 들어가기 전에 쿠버네틱스에 대한 전반적인 내용을 정리하며 공부해 볼 계획이다. 찾아보니 쿠버네틱스 자격증도 존재하는 것을 알게 되었다. 이 자격증 취득을 목표로 일단은 달려볼 생각이다. 1. 컨테이너(Container) 기술 도커는 컨테이너 기술을 지원하는 여러 프로젝트들 중 하나이며 가장 인기 있는 녀석이다. - 컨테이너 기술의 역사 2000년대 중반 리눅스에 내장된 LXC(LinuX Container)를 시작으로 계속 존재해 왔음 도커와 클라우드 기반 컴퓨팅 시대가 도래하면서 각광받기 시작한 기술 도커는 이러한 컨테이너 기술의..

프로그래밍은 문제 해결능력이다. 프로그래밍은 매우 복잡한 과정이며 조합의 결과물이다. 지금 세상에는 배워야할 언어도, 라이브러리도, 프레임워크도, 심지어 SaaS 서비스까지 그 수는 헤아릴 수없을 정도이다. 프로그래밍의 전체 과정은 이를 잘 조합해서 서비스를 만드는 과정이다. 간단한 웹사이트 만들기에도 많은 결정사항들과 조합이 따라온다. 일단 비즈니스를 웹에 잘 녹이는 의사결정부터 해야한다. 여기만 해도 벌써 머리가 아플 것이다. 기능정의 부터 사용자 친화적 UI/UX, 사이트맵 등등이 따라온다. 기술적으로 들어가면 프론트앤드는 무엇으로 할것인지 백엔드는 어떤 언어와 프레임워크의 조합으로 갈 것인지 협업 툴은 무엇을 사용할지 인프라는 어떻게 구성할지 아니면 그냥 SaaS 서비스를 활용할지 결정해야할 포인..

현재 프론트엔드 분야에서 제일 잘 나가고 있는 자바스크립트 라이브러리 및 프레임워크를 뽑으라면 누구도 주저없이 React와 Vue를 뽑을 것이다. 또한 얼마전 2.0을 발표한 Flutter 역시 모바일 분야에서 그 입지를 다지고 있다. 위에서 언급한 3가지( React, vue, Flutter )가 공통적으로 가지는 특징이 있다. 바로 Component 중심 설계 패턴으로 되어 있다는 것이다. 예전의 UI 개발은 하나의 페이지를 통으로 설계하는 방식이 대부분이였다. 이는 기능별 재사용성 및 페이지 상태에 따른 .class 분기나 CSS 상속 등을 고려하여 작업했다. 하지만 컴포넌트 중심 설계 패턴 라이브러리와 프레임워크들이 유행하면서 컴포넌트들을 잘 쪼개서 설계하고 이를 합쳐 하나의 페이지를 만드는 방식..

개발을 도와주는 SaaS(Software-as-a-Service)형 서비스가 많아지면서 과장을 조금 보태면 비즈니스만 알고도 제품이나 서비스를 런칭할 수도 있다. 디지털 마케팅은 점차 고도화 되고 있고 제품 혹은 서비스에 대한 측정은 이제 기본이 된 시대이다. 그러면서 마케터, 데이터 사이언티스트, 개발자 간의 경계가 명확했던 선은 점점 희미해지고 있다. 또한 데이터를 통한 조직 경영이 활발해지면서 조직의 지표관리가 확대되고 있다. 한마디로 개발자도 개발만 해서는 안되는 시대가 되었다. 하지만 기본적으로 개발실력은 베이스가 되어야 한다. 방망이도 제대로 못잡는 타자가 투수가 던지는 공을 연구하겠다며 투구폼 분석을 하고 있는건 어불성설이다. 개발이 기본이라는 전제 아래 내가 개발하고 있는 혹은 운영하고 있..