On-Premise K8S - 1 - Why

왜 온프레미스 K8S 클러스터를 썼을까

테스트

테스트입니다.

스벨트로 페이지 트랜지션 구현하기 - 3

벌써 스벨트로 페이지 트랜지션 구현하기! 마지막 단계입니다. 이전 글에서 페이지 이동과 히어로 트랜지션에 구현방법에 대해 설명했는데요. 이번에는 그 둘을 섞어서 활용하는 방법을 설명하겠습니다. 먼저 예시 화면을 보시죠!

플러터 위젯 파헤치기 - 4: Align, FractionallySizedBox, Center

안녕하세요~ 자바스크립트 라이브러리 Flutterjs를 만들기 위해 오늘도 위젯들을 분석해 보았습니다. 오늘 살펴볼 위젯은 Align, FractionallySizedBox 그리고 Center인데요. Align 과 FractionallySizedBox를 같이 살펴보는게 뜬금없다고 생각할 수 있지만 여기에는 기가막힌 공통점이 있습니다.

프로그래머의 뇌를 읽고서

친구와 영어 스터디하러 잠실에 온 김에 마침 새로 읽을 책도 필요한터라 교보 문고에 갔다. 적당히 소설이나 사서 읽을려고 두리번 거렸는데 뭔가 끌린듯 이 책을 고르게 되었다. 평소 인지과학쪽 책, 그것도 전공서같은걸 사서 읽는 편이라 위 책도 그런 느낌이 들어서 고르게 되었다. 훑어보니 작업기억, LTM(Long term memory) 등 인지 과학 쪽 분야를 생각보다 깊게 다룬거 같았다. 딱 봐도 재밌어보여서 샀는데(그 땐 개발 딱 1년차였다) 지금 와서 다시보니 리팩토링에 대한 새로운 견해도 얻게되었고 아무튼! 너무 재밌게 읽어서 책 내용을 소개해 볼까한다.

플러터 위젯 파헤치기 - 3: ConstrainedBox , OverflowBox, SizedBox, ConstraintsTransformBox 등등

여태껏 flutter에서 Container 아니면 SizedBox만 썼는데 차트와 같은 복잡한 위젯을 그릴려고 하니까 다른 위젯들에 대한 학습이 절실한 시점입니다ㅜ. 그래서 오늘은 Box 특집! Constraints를 다루는 Box들에 대해 알아보겠습니다!

Storybook 어디까지 사용해봤니?

Storybook은 UI 컴포넌트 개발을 위한 도구로, 프론트엔드 개발자들이 개발한 컴포넌트들을 테스트하고, 문서화하고, 개발자 간에 공유하기 쉽게 만들어줍니다. 일반적으로 프론트엔드 개발에서는 컴포넌트를 개발할 때, 해당 컴포넌트가 다른 컴포넌트와 어떻게 동작하며, 어떤 속성을 가지고 있는지 등을 개발자들끼리 소통하며 개발합니다. 이 때, Storybook을 사용하면 개발한 컴포넌트를 직접 실행해 보지 않고도, 컴포넌트의 동작과 속성 등을 미리 확인할 수 있어 개발 시간을 단축시키고, 오류를 줄일 수 있습니다.

FlutterJs를 소개합니다

Flutter 자바스크립트 라이브러리 플러터 프레임워크를 자바스크립트로 구현했다고 하네요. 플러터 웹과 다르게 svg element를 사용한다고 하니, SSR이 가능합니다. 앞으로도 지속적으로 개발한다고 하는데 정말 기대되네요! (사실 제가 만든 겁니다 ㅎ)

플러터 위젯 파헤치기 - 2: ClipPath, ClipOval, ClipRect, ClipRRect,

최근 자바스크립트로 플러터를 따라한 프레임워크를 만들고 있습니다. 원본을 완전히 베끼기엔 능력이 부족하지만..! 그래도 최선을 다해 베껴보려 합니다. 그 과정의 일환으로 플러터 위젯의 레이아웃 규칙을 글로 정리해 보겠습니다. 일주일마다 글 하나씩 쓰기 도전!

플러터 위젯 파헤치기 - 1: Flexible, Column, Row, Expaned, Spacer

들어가며 최근 자바스크립트로 플러터를 따라한 프레임워크를 만들고 있습니다. 원본을 완전히 베끼기엔 능력이 부족하지만..! 그래도 최선을 다해 베껴보려 합니다. 그 과정의 일환으로 플러터 위젯의 레이아웃 규칙을 글로 정리해 보겠습니다. 일주일마다 글 하나씩 쓰기 도전!