memostack
article thumbnail
플러터(flutter) - Row 가로 정렬 방법 (MainAxisAlignment)
Mobile/Flutter 2021. 1. 3. 19:22

Row 위젯에서 가로 정렬을 할 때는 mainAxisAlignment 인자를 이용한다. // 예시 Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, ... ); MainAxisAlignment.start child 위젯을 왼쪽에 붙게한다. import "package:flutter/material.dart"; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: "Row 위젯 예시", home: Example(), ); } } class Example e..

article thumbnail
플러터(flutter) - Column 가로 정렬 방법 (CrossAxisAlignment)
Mobile/Flutter 2021. 1. 3. 19:00

Column 위젯을 가로로 정렬할때는 crossAxisAlignment 속성을 이용한다. CrossAxisAlignment.start start는 default 값으로 왼쪽에 붙게 한다. import "package:flutter/material.dart"; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: "Column CrossAxisAlignment 예제", home: Example(), ); } } class Example extends StatelessWidget { @override Wid..

article thumbnail
플러터(flutter) - Column 세로 정렬 방법 (MainAxisAlignment)
Mobile/Flutter 2021. 1. 2. 23:20

MainAxisAlignment 속성을 이용하여 Column의 child 위젯을 정렬할 수 있다. 웹 개발을 해본 사람은 쉽게 이해할 수 있다. 기본 코드 import "package:flutter/material.dart"; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp(title: "Column 위젯 정렬 예시", home: ColumnExample()); } } class ColumnExample extends StatelessWidget { @override Widget build(BuildContext..

article thumbnail
플러터(flutter) - Container와 SizedBox의 차이
Mobile/Flutter 2021. 1. 2. 22:49

Container와 SizedBox 위젯은 둘 다 width와 height를 가진다. 그래서 너비와 높이를 설정할 수 있다. 하지만 차이점이 존재한다. Container Container의 위젯은 width와 height를 넣지 않으면, 최대 크기로 확장해준다. import "package:flutter/material.dart"; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: "Container와 SizedBox 차이", home: Example(), ); } } class Example ext..

article thumbnail
플러터(flutter) - 기본 레이아웃 (Column, Row, Container)
Mobile/Flutter 2021. 1. 2. 22:28

Container 컨테이너는 width와 height 속성이 있어서 크기를 조절할 수 있다. import "package:flutter/material.dart"; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: "레이아웃 익히기", home: LayoutExample(), ); } } class LayoutExample extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Cont..

article thumbnail
Flutter 설치 및 환경 구축 (MacOSX)
Mobile/Flutter 2020. 12. 23. 15:41

Android Studio 설치 하위 페이지에서 Android Studio 설치 developer.android.com/studio?hl=ko

article thumbnail
React Native, Android 개발을 위한 설치 및 환경 구축 (Mac OSX)
Mobile/React Native 2020. 12. 22. 22:18

React Native 공식 페이지에서 권장하는 방법대로 작성했다. Node & Watchman 설치 React Native 개발에 필요한 node와 Watchman을 Homebrew를 이용하여 설치한다. $ brew install node $ brew install watchman watchman은 코드에 변화가 있는지 상태를 확인하는 도구입니다 JDK 8 설치 Android 개발을 위해 JDK를 설치한다. 설치방법은 동일하게 Homebrew를 사용 $ brew install --cask adoptopenjdk/openjdk/adoptopenjdk8 Android Studio 설치 아래 링크에서 안드로이드 스튜디오를 설치한다. developer.android.com/studio

article thumbnail
React Application을 Docker 빌드하고 배포하기 (MacOSX)
Frontend/React 2020. 12. 22. 13:05

사전 준비 본 글에서는 Homebrew를 이용하여 node, yarn, docker를 설치한다. node.js 설치 $ brew install node yarn 설치 $ brew install yarn docker 설치 homebrew 최신버전에서는 brew cask install 대신에 brew --cask install 을 사용한다. $ brew --cask install docker React 프로젝트 생성 # create-react-app을 이용하여 리액트 프로젝트 생성할 예정 $ yarn add global create-react-app 프로젝트 생성 $ yarn create react-app test-app 만들어진 app을 실행시켜 본다. $ cd test-app $ yarn start (저..

article thumbnail
Mac OSX - 확인되지 않은 개발자가 배포한 Mac 앱 열기
DevOps/MacOSX 2020. 12. 21. 19:34

맥에서 확인되지 않은 개발자가 만든 Mac 앱을 열기 웹 크롤링을 만드려고 하니, chromedriver를 열 수 없어서 구글링하여 열 수 있는 방법을 찾아봤다. Mac에서 신뢰성이 낮은 프로그램을 실행 할 수 없도록 막아뒀는데, 아래 명령어를 수행하면 해당 파일을 열 수 있게 할 수 있다. xattr -d com.apple.quarantine xattr -d com.apple.quarantine chromedriver 명령어 수행 후 안열리던 드라이버가 이제는 열린다.

article thumbnail
Spring Security의 기본 계정 아이디와 비밀번호
Backend/Spring Boot 2020. 12. 15. 22:18

Spring Security를 추가하고 아무런 설정을 안하면, Security가 모든 요청을 가로챈 다음 /login 경로로 리다이렉트한다. 그래서, 아래와 같은 화면이 나온다. Spring Security의 기본 계정 정보 테스트를 위해서 로그인을 해보고 싶다면, 아래계정으로 접속한다. username: user password: (콘솔 창에 나온 비밀번호, 예시: 7aa1e310-2a4b-46a7-85fb-7883d18b72ef)