본문 바로가기

전체 글215

[Flutter] 크거나 작은 사진 Row, Column에 가득 채우기 두개의 사진을 한 열에 가득 채우고 싶을때는 같은 Row에서 Expaneded 두번 사용 이렇게 flex 사용해서 사진마다 크기 조절도 가능. 또한, image.asset('파일명') 을 사용하여 더 간단하게 이미지 불러올수 있음. 2019. 11. 12.
[Flutter] Widget으로 본문(Scaffold) 깔끔하게 정리하기 2019. 11. 11.
[Flutter] 아이콘 추가하기 컨테이너 내부에 Row를 추가하고 childred: widget을 추가한후 텍스트 박스 부분을 Row로 감싸고, 우와 같이 아이콘명령어를 사용해 추가하면된다. Text옵션과 마찬가지로 색상 및 크기 조절 가능. 2019. 11. 11.
[Flutter] Google 폰트 다운로드 및 적용하기 먼저 구글 폰트 웹사이트로 gogo.. https://fonts.google.com/ 여기서 원하는 폰트를 검색후 아래 그림과 같이 다운로드. 압축풀고, 나서 안드로이드 스튜디오에서 아래와 같이 directory 클릭 font 폴더 생성후 마우스로 끌어서 fonts폴더에 드랍. 여기까지 했다면 형광색으로 칠해진 pubspec.yaml 을 열고 font를 찾는다. 이런식으로 변경해주면 된다. 그리고 Packages get이라고 파란색 글씨 클릭해주면된다. 참고로 폰트 이름과 들여쓰기 중요!!! (들여쓰기 때문에 -ㅅ-;;;) 우선 "fonts: "는 앞에서 스페이스로 2칸 뛰우고 나머지는 사진에 맞추어서 정렬하면됨. 그리고 Scaffold내부에서 아래와 같이 변경해주고 시뮬레이터를 껏다가 다시 켜주면. 이.. 2019. 11. 11.
[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. 11.
[Flutter] Container 크기조절 및 위치설정 우선 바탕화면에 흰색 Container를 넣어봅시다. 그다음에는 height를 조절하면 Width를 조절하면 Margin을 edge all (상하좌우)에 30으로 넣게되면 Padding으로 내부에 공간을 채우면 간단한 레이아웃 4종 이었습니다. 2019. 11. 11.
[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. 10.
[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. 10.
[확률] 이항분포, Binomial distribution 뭔가 제목은 어렵게 보인다... Binomial.... 영어 울렁증 말그대로 홀짝 확률이라고 보면됩니다. 동전 한번 던졌을 때 홀이 한번 나올 확률은 0.5 짝이 나올확률은 0.5 동전 두번 던졌을 때 홀이 두번 나올 확률은 0.25= (0.5*0.5). 각 동전의 던지기할때 다른 이전의 던지기가 다음 던지기에 영향을 미치지 않으니 독립입니다. 만약에 박스에서 맛있는 사탕만 빼먹으면 남은 카카오99프로 초콜렛 뽑는거에 영향을 미치니 이 경우는 종속(비독립)입니다. 실행횟수가 1일 경우, 즉 n=1 일경우에는 표현되는거죠. 실행횟수가 여러번일 경우는 이런식으로 앞에 nCx가 붙게되는거죠. 총 n에서 x를 순서에 상관없이 뽑는 경우의 수 구하는 방법은 아런식으로 구할수있습니다. 이런걸 왜 배워라고 할 수 있.. 2019. 10. 11.
[반도체 작동원리] SSD는 어떻게 0과 1을 저장할까? (1편) 다른 뉴스기사나 블로그에서 보면 전구를 활용하여 0을 (off) 1을 (on)으로 단순히 표현하는데. 과연 실제 반도체에서는 어떤식으로 이런 0과 1을 저장하는걸까요? 여러가지 저장방식이 존재하는데 이번글에서는 SSD의 저장방식 (Flash Memory)에 대해서 알아보도록하죠. 우선 트렌지스터의 한 종류인 MOSEFT의 구조에 대해서 알아보죠. 이렇게 생긴 웨이퍼위에 MOSFET을 만듭니다. 일반적으로 실리콘웨이퍼는 P-type입니다. (전자가 부족한 상태) 이렇게 얇은 층으로 되어있는 웨이퍼 특정부분 위에 Phosphorus 를 웨이퍼 위로 쏴주면(Ion implantation) 이제 차근차근 Oxide와 Metal Gate를 쌓아올리면 이런식으로 기본적인 MOSFET이 완성되고 여기에서 공정을 변형.. 2019. 9. 15.
[ Python 파이썬 ] 1. 설치하기 요즘 AI, Deep learning 대세이고, 점점 단순한 작업을 컴퓨터로 대체하는 가운데 파이썬이 가장 많이 쓰이는 걸로 알고있습니다. 우선 저의 첫 언어가 C/C++ 이고 파이썬에 대해서 배워 나가며 차후에 목차로 활용하기 위해서 정리합니다. 아래 링크를 이용해서 접속하면, https://www.python.org/ 아래와 같은 사이트가 나오는데 빨간색으로 표시된거 클릭하면 다운받을수 있습니다. 다운완료후에는 Install Now 클릭해주시면됩니다. (32비트와 64비트 존재하지만 우선 32비트로 설치해보겠습니다.) 설치 완료 하고 파이썬을 실행해보면 아래와 같이 두종류의 창으로 열수있습니다. 왼쪽 창의 경우는 File에서 New File 눌러주시고 이와 같이 결과값을 출력 할 수 있습니다. 이제 .. 2019. 9. 15.

티스토리툴바