shimmer 3.0.0

컨탠츠의 로딩(Lazy update) 을 위화감 없이 표현하기 좋은 위젯

backdrop

popup 과 유사한 카드형태의 layout을 앞에 배치 할 수 있는 layout 구조를 제공합니다.

fl_chart

다양한 형태의 차트를 그릴수 있는 위젯

flutter_spinkit

다양한 로딩 인디케이터(loading indicator) 모음.

...

BackDropFilter

- material에 포함되어있는 class 입니다.

이미지에 블러 처리 하기

다양한 위젯들을 활용해서 멋진 앱을 만들어 보아요~

flutter_app_badger

앱 아이콘에 배지를 표시해주는 패키지

Carousel Slider 다양한 회전 슬라이더들

carousel 이라는 이름으로 찾아보면 다양한 것들이 나옵니다.

flutter_carousel_slider	carousel_slider	fan_carousel_image_slider

#해피코딩!!

오~~
Sun at Six 에서 복숭아아이스티 시켰는데.
복숭아를 갈아서 넣어주네요.

짱짱!!

 VPC의 구성

VPC(Virtual Private Cloud)는 AWS의 사용자 젖용 가상 네트워크 입니다.

각 지역별 리즌들이 있고 이 리즌 내에 VPC를 구성 하는 것이죠.

VPC내에 하나 이상의 서브넷을 구성할 수 있습니다.

기본 VPC는 Amazon VPC를 사용하기 시작하는 경우 각 AWS 리전에 기본 VPC가 있습니다. 기본 VPC는 각 가용 영역의 퍼블릭 서브넷, 인터넷 게이트웨이 및 DNS 확인 활성화 설정과 함께 제공됩니다. 따라서 기본 VPC로 Amazon EC2 인스턴스를 즉시 시작할 수 있습니다. 기본 VPC에서 Elastic Load Balancing, Amazon RDS, Amazon EMR 같은 서비스를 사용할 수도 있습니다.

VPC를 생성할 경우

다음 절차에 따라 Virtual Private Cloud(VPC)를 생성합니다. VPC에서 AWS 리소스를 생성하려면 먼저 VPC에 서브넷, 라우팅 테이블, 게이트웨이와 같은 추가 리소스가 있어야 합니다

ECS

ECS 는 docker 와 달리 bridge network 를 기본 사용하지 않습니다.
host network 를 사용합니다.
즉, 하나의 Task Definition 에서 정의된 컨테이너들은 동일한 EC2 내에 호스트 네트워크를 그대로 사용한합니다.
따라서 localhost 로 컨테이너간 통신이 가능합니다.

실행 에러 exec format error

만약 실행시 위와 같은 에러가 발생했다면 아마 나처럼 M1, M2 macOS 를 사용중일 것입니다.
AWS 도 차츰 arm 아키텍처를 적극지원하지만, 아직은 대다수의 환경이 amd64(intel) 로 되어 있는 것은 어쩔 수없습니다.

원인
docker image build 는 M1 (arm64) 에서 했기 때문에 arm64 이미지를 생성한 상태고, ECS Fargate 아키텍쳐는 x86_64 (amd64) 기 때문입니다.
즉 이미지를 만든 provider와 task executor 실행 환경이 다르기 때문에 발생한 문제입니다.

Docker

• Virtual Machine : 간단히 표현하면 가상화된 PC (OS 포함)
• Container : 가상화된 운영 환경, OS 위에 가상화된 어플리케이션 실행환경

• Docker Image : 이미지를 바탕으로 container를 만듬
• Dockerfile ⇒ [Build] ⇒ Image 생성 ⇒ [Run]⇒ Container 실행

• Docker Container 상태 변화

 Dart에는 code의 주석을 문서로 만들어주는 기능을 가지고 있습니다.

project 폴더에서 아래와 같이 dart doc 라고 입력을 하면, 프로젝트 밑에 문서가 생성됩니다.

$ dart doc

문서 위치는 아래와 같습니다.

$ ~/[myporject]/doc/api 

문서에 설명을 다는 방법은 /// 로 주석을 달아주는 방식입니다.

아래 몇가지 예시를 포함 하였습니다.

/// This is a brief description of the library or package.
library my_library;

/// This is a brief description of the MyClass class.
///
/// Optionally, additional details about the class can be provided.
class MyClass {
 /// This is a constructor for MyClass.
 MyClass();
}

/// This is a brief description of the function.
///
/// It takes [param1] and [param2] as parameters and returns a String.
String myFunction(int param1, String param2) {
 // …
}

/// This is a brief description of the field.
int myField;

/// This is a brief description of the function.
///
/// It takes [param1] and [param2] as parameters and returns a String.
///
/// Additional details can be added, including:
/// - List items
/// - [Links to other elements]
/// - _Italic_ or **bold** text.
String myFunction(int param1, String param2) {
 // …
}

/// This is a brief description of the function.
///
/// It takes [param1] and [param2] as parameters and returns a String.
///
/// - `param1`: Description of parameter 1.
/// - `param2`: Description of parameter 2.
///
/// Returns a String representing the result.
String myFunction(int param1, String param2) {
 // …
}

/// This is a brief description of the MyEnum enum.
enum MyEnum {
 /// Description of EnumValue1.
 EnumValue1,
/// Description of EnumValue2.
 EnumValue2,
}

/// Represents a user in the system.
class User {
 // …
}

/// Returns the sum of two integers.
///
/// Example:
/// ```dart
/// int result = add(2, 3); // result will be 5
/// ```
int add(int a, int b) {
  return a + b;
}

/// Calculates the area of a rectangle.
///
/// [length]: Length of the rectangle.
/// [width]: Width of the rectangle.
///
/// Returns the area as a double.
double calculateArea(double length, double width) {
  return length * width;
}

/// Finds the maximum value in the given list.
///
/// [numbers]: List of integers.
///
/// Returns the maximum value in the list. Returns null if the list is empty.
///
/// Throws [ArgumentError] if [numbers] is null.
int? findMax(List<int> numbers) {
  // Implementation
}

/// Represents a configuration for the application.
///
/// See {@link User} for user-related settings.
///
/// For more details, visit the {@linkplain <https://example.com/docs}> documentation.
class AppConfig {
  // ...
}

예시 참고

https://medium.com/@jaitechie05/flutter-and-dart-best-practices-in-documentation-acae6bd7de9b

인테리어 하실때 알아두면 좋은 아이템이나 팁을 적어봤습니다.

# 융스위치 :

- 유럽 스타일의 스위치로 네모 받듯하고 세련된 느낌을 줍니다. 인테리어 후에 만족감이 상당히 높습니다.

- 다른 스위치에 비해 추가 시공이 들어가 비용이 비쌉니다.

- 모든 방을 해도 좋지만 ,디자인이 중요한 거실, 부엌 정도에만 해도 보기 좋습니다.

# 매립등:

- 요즘 인테리어시에 거실이나 방 중앙에 큰 전등을 설치하는 것보다 작은 매립등을 여러개 설치하는 것이 유행입니다.

- 보톹 2인치, 3인치를 하는데 저는 2인치가 좀더 예쁜것 같습니다.

- 밝기 때문에 몇개를 설치할지 좀 많이 고민해야 합니다. (저희는 거실에 12개 했는데 해가 지기 직전 저녁때는 살짝 어두운 느낌 입니다.)

- 등 밝기(및 색상) 종류를 크게 주광색, 주백색, 전구색 3가지로 나눠서 볼수 있습니다.

- 주광색은 밝은 흰색, 주백색은 흰색과 노란색 사이의 약간 따듯한 아이보리 색, 전구색은 은은하고 따뜻한 노란색 입니다.

https://moneysavetip.tistory.com/56

# 조적벽:

- 화장실에 샤워부스와 세면대를 벽을 쌓아서 분리하는 공사 인데, 상당히 세련된 느낌입니다.

- 화장실 공간을 잘 확인해서 넓은 화장실이라면 한번 시도해보면 좋습니다.

# 가전: 키친핏

- 요즘 많이들 하시는데 , 냉장고 식세기등 키친핏으로 해서 인테리어를 하면 가전이 싱크대와 붙박이장과 잘 어울려져서 예쁜 집이됩니다.

- 가전 교체를 고민하고 있다면, 인테리어할때 함께 고민하는 것이 좋습니다.

# 중문:

많이들 아시고 있는 것일텐데요. 

중문을 설치하면, 난방에도 도움이 되고, 먼지 유입도 막을수 있어서 좋습니다.

- 슬라이딩 도어

슬라이딩 도어에는 2연동,3연동, 또는 원슬라이딩 도어가 있습니다.

원슬라이딩 도어가 멋있기는 한데슬라이딩 할수 있는 긴 공간이 필요합니다.

윈 슬라이딩 도어를 설치하려면, 위 그림과 같이 도어의 폭만큼 슬라이딩 공간이 있어야 합니다.

- 스윙 도어

폴딩 스윙 도어는 2파트로 분리되어 있는 스윙 도어입니다.

- 양방향 스윙 도어

앞 뒤로 다 스윙으로 열리는 도어입니다.

# 9mm문선

9미리 문선은 문틀(문선)이 얇아서 문의 형태가 좀더 세련되게 보입니다.

# 화이트 엔 우드 톤

많은 분들이 깔끔하게 인테리어를 하고 싶어하셔서 화이트 톤의 인테리어를 선호합니다.

그런데 네츄럴한 분위기를 좋아하시는 분들은 화이트에 우드를 섞어서 하는 경우도 많습니다.

어떤 디자인이 인터넷에서 찾으실때 조심 하셔야 하는것이 대부분의 사진들은 필터링이 들어가 있습니다.

그래서 실제 색상과 다른 사진이라고 보시면 되요.

#구글 네스트 온도 조절기

인테리어 효과가 끝내줍니다.

안녕하세요.

git을 사용하다보면, .gitignore 를 이용하여 파일을 무시하도록 하는 경우가 많은데요.

간혹 git에는 파일을 올려 놓아야하는데, 내용은 로컬에서 변경해서 사용해야 하는 경우들이 있습니다.

대표적으로, .env 같은 파일이죠.

보통은 .env는 .gitignore에 추가해서 git에는 파일 자체를 올려놓지 않습니다.

그러나 flutter의 dotenv 같은 package를 사용한다거나 하는 경우,

.env를 asset으로 올려놓고 사용해야 합니다. 물론 보안상 문제가 있습니다.

그래서 .env를 사용하지 말아야 하나 어쩔수 없는 경우들이 있겠죠?

이걸 논하고자 하는것이 아니라 넘어가도록 하고요.

이런경우, git에 더미파일로 .env파일을 만들어서 올려놔야 git action같은 자동화 빌드를 할때 에러 없이 무사히 통화 하게 됩니다.

.env 파일에 아래와 같이 더미로 내용을 채워서 올려놓게 되죠.

SUPABASE_URL = "my url"
SUPABASE_ANON = " my key"

하지만 이미 git에 파일이 올라가 있기 때문에, 로컬에서 수정하게되면 항상 changed로 표시가 되게 됩니다.

만약 실수해서 commit을 하게 되면, 실제로 사용하는 url과 key가 git에 노출되어버리게 되죠.

git update-index --skip-worktree

이럴때 사용할 수 있는 것이 git update-index --skip-worktree 입니다.

$ git update-index --skip-worktree <file path>
즉,
$ git update-index --skip-worktree .env

이렇게 해놓으면 git에서 해당 파일에 대한 수정 사항을 추적하지 않습니다.

이를 되돌리려면 --no-skip-worktree 옵션을 사용하면 됩니다.

그럼

해피코딩!!!