안녕하세요~ totally 개발자입니다. Align 오늘 다뤄볼 위젯은 Align이며 이 위젯은 이름 그대로 정렬을 도와주는 위젯입니다. Align 위젯의 사용법은 상당히 간단합니다. alignment: Alignment.topLeft 형태로만 사용하면 바로 적용되며 Alignment에는 topLeft, topRight, topCenter, centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight이 사용됩니다. 이렇게 9가지의 정렬을 표시할 수 있기 때문에 정렬할 때 반드시 알고 있어야 하는 위젯 중 하나입니다. 아래에 전체 소스 코드를 첨부하였으니 참고하시면 될 것 같습니다. 감사합니다. [전체 소스 코드] [유튜브 강좌 영상] ht..

안녕하세요~ totally 개발자입니다. SingleChildScrollView 이번에 다뤄볼 위젯은 SingleChildScrollView입니다. 스크롤이 가능하도록 도와주는 위젯이며 본래 플러터를 사용해서 출력이 가능한 범위를 초과하는 경우에는 에러가 발생하는데 이것을 방지하고 스크롤이 가능하게 만들어줍니다. 위 이미지를 보면 시뮬레이터 부분에 에러가 나오고, 좌측 하단의 DEBUG CONSOLE에서도 "A RenderFlex overflowed by 159 pixels on the bottom."이라고 에러 메시지가 출력되는 것을 확인할 수 있습니다. 이와 같이 일반적으로 출력할 수 있는 범위를 초과하는 경우에는 이 초과하는 것을 스크롤 할 수 있게 해주는 위젯을 사용해야 하는데 그 중의 하나가 S..

안녕하세요~ totally 개발자입니다. Data Type (데이터 타입) 오늘 알아볼 부분은 데이터 타입입니다. 데이터 타입은 기본 타입(원시 타입이라고도 함), 참조 타입 또는 객체 타입으로 나뉩니다. [기본 타입 Primitive Type] 1. Number: 64비트 부동 소수점 형태이며 정수, 자연수 등을 모두 실수(Real Number)로 처리하며 예시는 아래와 같습니다. var number1 = 123; var number2 = 123.45; var number3 = -123.45; var number4 = 123 / 456; 2. Boolean: true 또는 false를 나타내며 예시는 아래와 같습니다. var status1 = true; var status2 = false; 3. Str..

안녕하세요~ totally 개발자입니다. GridView.builder 저번 시간에 GridView 위젯에 대해서 알아보았고 ListView.builder처럼 GridView도 GridView.builder도 효율적으로 코드를 구성할 수 있습니다. 기존 GridView로 코드를 구성했던 모습입니다. 53번째부터 60번째 줄을 보면 postContainer 메소드가 8번 반복되고 있는 것을 알 수 있습니다. 이것을 GridView.builder를 이용하면 코드를 간소화할 수 있습니다. 먼저 GridView.builder를 위해서는 ListView.builder와 동일하게 배열을 사용하기 때문에 여기서도 미리 선언하겠습니다. 위에 선언한 것처럼 postList를 만들어주었습니다. GridView.builde..

안녕하세요~ totally 개발자입니다. GridView 오늘 살펴볼 부분은 GridView입니다. 지난 시간에는 ListView에 관해서 살펴 보았는데, ListView와 비슷하지만 2차원 배열 형태로 보여주는 위젯입니다. GridView에는 몇 가지 알고 적용해야 할 속성이 있는데 그 중 하나가 gridDelegate입니다. gridDelegate는 GridView의 children 위젯들의 레이아웃을 조정하는 역할을 하며 여기에서는 SilverGridDelegateWithFixedCrossAxisCount를 활용하여 crossAxisCount (가로축 카운트) 2개, crossAxisSpacing(가로축 사이 간격) 15.0, mainAxisSpacing (세로축 사이 간격)을 12.0로 설정하였습..

안녕하세요~ totally 개발자입니다. var, let, const 자바스크립트에서 핵심적으로 알아야 할 사항들에 대하여 알아보도록 하겠습니다. 첫 번째 시간으로는 자바스크립트 변수의 종류와 선언하는 방법 등에 대하여 살펴보도록 하겠습니다. 키워드 설명 var 1995년부터 사용된 키워드이며 배열, 객체, boolean, String, Number 자료형태 모두 var 키워드로 선언합니다. 중복 선언이 가능한 이유 때문에 현재 개발 트렌드에서는 var를 거의 사용하지 않습니다. let 2015년 ES6에 추가된 키워드로 var처럼 중간에 값을 변경할 수는 있으나 다시 선언하는 것은 허용되지 않습니다. 그래서 현재는 var을 사용하는 환경에서는 let으로 대체해서 사용합니다. const const 역시 ..