이미지

Docker

Docker pull (Docker 이미지 다운 받기)

1. Docker pull Docker pull이란 Docker hub라는 여러 사람들이 만든 image나 공식으로 tomcat환경, nginx환경, python환경, java환경등이 미리 세팅되어 있는 image를 내 컴퓨터에 내려받는 것이다 2. 사용법 CMD화면에서 docker pull 를 입력한다 예를 들어서 아래와 같이 입력 해 보도록 한다 docker pull nginx 그럼 위와 같이 다운로드가 되는 것을 확인할 수가 있다 3. Image확인 다운로드가 완료 되었으면 docker desktop을 이용해 제대로 다운로드하였는지 확인해 본다 이렇게 위와같이 nginx가 잘 다운로드한 것을 확인해 볼 수가 있다 4. docker hub 보기 아래는 Docker hub 사이트에 들어와서 nginx를..

Docker

Docker image와 container

1. Image란 Docker에서 이미지라는 것은 아직 실행되지 않은 가상환경이라고 보면 될 것 같다 Docker desktop에서 Images를 확인해 보면, 위와 같이 이미지들이 있는 것이다 ※아직 실행되지 않았음 2. Container 컨테이너란 실행된 이미지를 컨테이너라고 한다 nginx를 재생버튼을 눌러보도록 해보겠다 위와 같이 Containers를 확인해 보면 nginx가 실행 중인 것을 확인할 수 있다

Web Programming/Flutter&Dart

Flutter 이미지 위에 문자 표시하기 (Stack & Positioned 사용하기)

css에서는 position: absolute를 사용해서 이미지 위에 덮어씌우는 느낌 (겹치기)으로 이미지의 위에 문자를 표시하거나 할 수 있다. 그런 기능을 Flutter에서는 Positioned라는 것을 사용하면 된다 위젯 위에 위젯을 올라와 있고 그 위치를 마음대로 조정하는 게 가능하다는 말이다 이제 시작해 보도록 할까 1. 기본 코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? k..

Web Programming/Flutter&Dart

Flutter 이미지 화면 비율대로 크기 설정 (AspectRatio)

저번에는 Image를 넣고 가로넓이, 새로 넓이 조절하는 법과 BoxFit을 사용하는 법을 배웠다 https://initstory.tistory.com/114 이번에는 가로넓이, 새로넓이를 조절하지 않고 화면비율대로 조절하는 법을 하겠다 이때는 AspectRatio 라는 위젯을 사용한다 1. 기본코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key);..

INICO
'이미지' 태그의 글 목록