본문 바로가기

Computer Engineering66

[Flutter] Google 폰트 다운로드 및 적용하기 먼저 구글 폰트 웹사이트로 gogo.. https://fonts.google.com/ 여기서 원하는 폰트를 검색후 아래 그림과 같이 다운로드. 압축풀고, 나서 안드로이드 스튜디오에서 아래와 같이 directory 클릭 font 폴더 생성후 마우스로 끌어서 fonts폴더에 드랍. 여기까지 했다면 형광색으로 칠해진 pubspec.yaml 을 열고 font를 찾는다. 이런식으로 변경해주면 된다. 그리고 Packages get이라고 파란색 글씨 클릭해주면된다. 참고로 폰트 이름과 들여쓰기 중요!!! (들여쓰기 때문에 -ㅅ-;;;) 우선 "fonts: "는 앞에서 스페이스로 2칸 뛰우고 나머지는 사진에 맞추어서 정렬하면됨. 그리고 Scaffold내부에서 아래와 같이 변경해주고 시뮬레이터를 껏다가 다시 켜주면. 이.. 2019. 11. 10.
[Flutter] Column or Row 에 Container 여러개 배치 및 정렬 기존에 하나의 Container만 표시했다면 Column에서 children Widget을 활용하여 여러개의 Container를 배치가능. mainAxisAlignment: MainAxisAlignment.end 를 활용하여 끝에 정렬 가능하고 start, center, end, spaceEvenly 등등. 수직으로 배열중에 각기 다른 콘테이너를 수평방향으로 정렬하고 싶다면 crossAxisAlignment: CrossAxisAlignment.end, 를 추가하여 수평방향으로 정렬가능. (아래 2개 사진 참조) 하나의 팁은 만약에 우측끝에 정렬하고 싶다면 밑에 안보이는 Container를 하나 만든 후 정렬하면 또한, 화면을 수평으로 가득 채우고 싶으면 crossAxisAlignment: CrossAxi.. 2019. 11. 10.
[Flutter] Container 크기조절 및 위치설정 우선 바탕화면에 흰색 Container를 넣어봅시다. 그다음에는 height를 조절하면 Width를 조절하면 Margin을 edge all (상하좌우)에 30으로 넣게되면 Padding으로 내부에 공간을 채우면 간단한 레이아웃 4종 이었습니다. 2019. 11. 10.
[Flutter] Body에서 수직(Column)으로 배열 되는 경우에 정렬방법 바디에서 수직(Column)으로 배열 되는 경우에 정렬방법 crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.center, return Scaffold( body: Stack( alignment: Alignment.center, children: [ Container( color: Colors.white, ), Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.end, children: [ Container( width: 200, height: 200, color: Colors.blue, ).. 2019. 11. 9.
[Flutter] 다른 클래스에서 리스트 처리 ==================dataBox.dart======================= class Data { String text; String author; Data ({this.text, this.author} ); } ===================================================== ==================main.dart========================== List quotes = [ Data(text:'123', author:'MK1 ' ), Data(text:'456', author:'MK2 ' ), Data(text:'789', author:'MK3 ' ), ]; ===============Scanfold 내부============.. 2019. 11. 9.
[ Python 파이썬 ] 1. 설치하기 요즘 AI, Deep learning 대세이고, 점점 단순한 작업을 컴퓨터로 대체하는 가운데 파이썬이 가장 많이 쓰이는 걸로 알고있습니다. 우선 저의 첫 언어가 C/C++ 이고 파이썬에 대해서 배워 나가며 차후에 목차로 활용하기 위해서 정리합니다. 아래 링크를 이용해서 접속하면, https://www.python.org/ 아래와 같은 사이트가 나오는데 빨간색으로 표시된거 클릭하면 다운받을수 있습니다. 다운완료후에는 Install Now 클릭해주시면됩니다. (32비트와 64비트 존재하지만 우선 32비트로 설치해보겠습니다.) 설치 완료 하고 파이썬을 실행해보면 아래와 같이 두종류의 창으로 열수있습니다. 왼쪽 창의 경우는 File에서 New File 눌러주시고 이와 같이 결과값을 출력 할 수 있습니다. 이제 .. 2019. 9. 14.