안녕하세요. 이번 포스팅에서는 AspectRatio를 이용해서 이미지를 비율에 맞게 보여주는 방법에 알아보겠습니다. css에 보면 aspect-ratio라고 있는데 16:9 사이즈를 보여주려면 아래와 같이 사용을 합니다. .className { aspect-ratio: 16 / 9; } Flutter에도 css와 동일하게 AspectRatio가 있습니다. 사용하는 방법은 아래와 같습니다. AspectRatio( aspectRatio: 16 / 9, child: ... ) 이제 AspectRatio의 child에 Image를 추가를 해보겠습니다. AspectRatio( aspectRatio: 16 / 9, child: Image.network('https://images.unsplash.com/photo-..

안녕하세요. 이번 포스팅에서는 AppBar에서 타이틀을 왼쪽 정렬하는 방법에 대해서 포스팅을 알아보겠습니다. 개인 토이 프로젝트로 Flutter를 이용해서 앱을 만들고 있는데요. 타이틀을 간단하게 좌측 정렬을 하려고 여러가지를 찾아보고 고민을 하다가 방법을 찾아서 공유를 드리는 글입니다. 먼저 AppBar를 이용해서 타이틀을 추가를 하게 되면 iOS에서 중앙 정렬이 되는 것을 볼수가 있습니다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildConte..

안녕하세요. 이번 포스팅에서는 Typescript에서 type과 interface의 차이에 대해서 알아보겠습니다. 타입스크립트에서 타입을 정의하는 방법이 2가지가 있는데 바로 type을 사용하는 것과 interface를 사용하는 것입니다. type Person = { name: string; email: string; } interface Person { name: string; email: string; } 대부분의 경우에는 type과 interface를 구분하지 않고 사용을 해도 됩니다. type과 interface 둘 다 추가 속성과 함께 할당한다면 동일한 오류가 발생을 합니다. const jim: Person = { name: 'jim', email: 'jim@gmail.coml', verifie..

안녕하세요. 이번 포스팅에서는 husky를 이용해서 git에 commit을 하거나 push 등을 관리하는 방법에 대해서 알아보겠습니다. husky에 대한 자세한 설명은 husky 공식 페이지를 참고해 주세요. Husky - Git hooks typicode.github.io 먼저 husky를 설치하는 방법에 대해서 알아보겠습니다. 간단하게 아래의 명령어를 통해 설치를 할 수 있습니다. $ npx husky init && yarn 위의 명령어를 실행을 하면 .husky 폴더가 생긴 것을 볼 수 있습니다. 그리고 package.json에 "prepare": "husky install" 가 추가된 것을 볼 수 있습니다. 여기까지가 초기 설치가 끝입니다. 다음으로 husky에 새로운 git hook을 추가해 보..

안녕하세요. 이번에는 git 원격 저장소에 대한 명령어인 git remote에 대해서 포스팅 해보겠습니다. 가장 먼저 현재 등록된 원격 저장소를 보는 명령어에 대해서 알아보겠습니다. 가장 기본적으로 볼 수 있는 명령어는 아래와 같습니다. $ git remote 위 명령어를 실행하면 아래와 같이 보입니다. 만약에 원격 저장소가 등록되어 있지 않을 경우에는 아래와 같이 보입니다. 이번에는 현재 등록된 원격 저장소의 주소를 함께 볼수 명령어에 대해서 알아보겠습니다. 아주 간단하게 -v 옵션을 추가해서 확인할 수 있습니다. $ git remote -v 아래를 보면 origin이라는 원격 저장소에 fetch와 push에 https://github.com/cheolubak/nest.git 에 연결되어 있는걸 볼 수..

이번 포스팅에서는 리눅스 명령어에 대해서 정리를 해보겠습니다. 현재 작업 중인 디렉토리 정보 출력 : pwd(print working directory) $ pwd 경로 이동 : cd(change directory) $ cd /home/test $ pwd /home/test $ cd .. $ pwd /home 디렉토리 목록 확인 : ls(list) F : 파일 유형을 나타내는 기호를 파일명 끝에 표시(디렉토리는 ‘/’, 실행 파일은 ‘*’, 심볼릭 링크는 ‘@’가 나타남) l : 파일에 관한 상세 정보를 나타냅니다 a : dot 파일(.access 등)을 포함한 모든 파일 표시 t : 파일이 생성된 시간별로 표시 C : 도스의 dir/w 명령과 같이 이 한줄에 여러개의 정보를 표시 R : 도스의 dir/..