Flutter에서는 다양한 이벤트들이 발생하는데 이 이벤트들을 처리하기 위해서는 event handler라는 함수를 사용해야 합니다. 이번 포스팅에서는 flutter에서의 event handler인 future()함수에 대해 알아보겠습니다. 이벤트 핸들러란 무엇인가요? event handler는 특정 이벤트가 발생했을 때 실행되는 함수입니다. 예를 들어 버튼을 누르면 화면이 바뀌는 앱을 만든다고 했을 때 onClick이라는 이벤트 핸들러를 이용하면 클릭 시 해당 동작을 수행하게 됩니다. 미래형 함수라고 불리는 … Read more
css 기본개념에 대해서 알아보겠습니다. – 기본 개념 – @import 스타일 시트 맨 위에 @import지시자를 한개 이상 쓸수 있다.사용법은 아래 코드처럼 쓴다. html 안에서 사용시 css 파일 안에서 사용시 이런식으로 사용 가능하다. link 요소 HTML 문서에서는 link요소를 통해 스타일시트를 불러올 수 있다.link요소는 여러 개 사용이 가능하다.사용 방법은 아래 코드처럼 쓸 수 있다.link요소에 media 속성을 주어 반응형으로 … Read more
Navigation & Router의 사용방법에 대해 알아보자. Navigation 기본 사용법 Navigation은 화면전환을 사용하기위해 스택으로 사용한다.기본 사용법은 아래 코드와 같다. 여기서 push를 사용하여 버튼 클릭시 SongScreen 위젯으로 넘어간다. 위 이미지 코드는 아래와 같다. 위 이미지는 아래코드와 같다. 이렇게 하면 위젯 이동이 가능하다. Tab bar위젯을 이용한 화면전환 tabbar로 화면전환을 해보자. 먼저 Tabbar를 사용하기 위해서는 DefaultTabController가 필요하다 먼저 위에 … Read more
Flutter ListView 상품리스트 만들어 볼 거다. 먼저 ListView 기본 생성자와 ListView.builder에 대해 알아보자. ListView 기본 구현하기 ListView 기본 생성자는 적은 수의 아이템을 보기에 좋다. 또한 기본은 모든 아이템을 한번에 생성하여 아이템이 많을수록 휴대폰 죽을 수도..이때는 메뉴나 몇개의 아이템만 있을 경우에 쓰면 좋겠다. 아래의 코드는 기본 사용 방법이다. 코드 사용시 아래 이미지처럼 나온다. ListView 사용시 주의점 … Read more
flutter를 이용한 헤더과 메인 베너를 만드는 법 GNB 만들기 먼저 GNB 전체 코드이다. 먼저 가로로 만들기 전에 Container 레이아웃으로 감싸서 높이와 배경색을 설정해준다.Container안에 Row 위젯을 주어 가로로 배치 되게 하고 그안에 버튼들을 추가하였다. 버튼들의 상호작용을 하기위해서 gnbTab 메소드를 생성하여 배열과 int형 변수를 만들었다.gnbTab(id) id는 몇번째 버튼인지 나타내는 표시 역할도 있고탭이 안된 태그에서만 터치할 수 있게 … Read more
flutter의 레이아웃의 사용방법을 알아보자. Flutter의 레이아웃 메커니즘 Flutter에서 거의 모든 것이 위젯이다.레이아웃 모델은 위젯이다. 여기서이미지, 아이콘, 텍스트 및 Flutter에서 볼 수 있는 텍스트는 모두 위젯이다. 또한 배열에 행, 열 및 그리드와 같이 보이지 않는 위젯도 있다. Container 위젯이 하는 역할 Container 위젯은 자식 위젯을 사용자 정의 할 수 있는데 언제 사용하는가 하면padding, margin, border, background … Read more
CSS drop 메뉴 만드는 방법 뼈대 만들기(리스트 메뉴) CSS 스타일 작성하기 a menu 태그 라인에 ul 태그에 클래스 sub_nav를 했고ul 태그 안에 li태그를 넣어 자식 리스트를 추가하였다. sub_nav 태그에 display:none을 주어 화면에출력안되게 하였고sub_nav li a 태그에 display: block 을 주고텍스트 중앙정렬 하기위해 line-height: 2.2를 주었다. li:hover 에서 hover는 li태그위에 마우스포인터가 올려졌을때 작동하는 태그이다.그래서 sub_nav => … Read more
헤더를 만들것이다 나의 레이아웃은 아래처럼 만들 생각이다. 헤더 뼈대 만들기. 헤더에는 블로그 이름과 카테고리 메뉴를 넣을 것이다. 헤더 코드 작성은 index.php 파일 안에 body 태그 안에 작성한다. 위 코드 대로 작성하면 아래와 같이 이렇게 뜬다. 이러면 헤더 코드는 완성된다. wp_list_cateogires => 이 함수는 카테고리 목록을 표시 검색해주는 기능을 한다. title_li => 목록 제목에 들어갈 li를 … Read more
워드프레스 테마를 만들어 본인에게 맞는 스타일을 커스텀 하여 제작한다. 테마에는 블록 테마와 클래식 테마가 있다. 첫 번째로 클래식 테마를 만들어서 써볼 생각이다. 클래식 테마란? 클래식 테마는 버전 제한 없는 말 그대로 오리지널 테마이다. 주로 PHP, javasScript, CSS를 사용한다. 워드프레스 PHP함수, 후크, 필터를 이용한다. 클래식 테마 만들기 1. 본인 컴퓨터에 폴더를 하나 만든다. 이름은 본인이 원하는 … Read more
