본문 바로가기

전체 글127

Flutter 버튼 관련 위젯 버튼 위젯은 onPressed 프로퍼티를 꼭 추가하여 클릭했을 때 실행될 함수를 반드시 정해줘야 한다. RaisedButton, FlatButton, IconButton, FloatingActionButton return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Column( children: [ RaisedButton( // 입체감을 가진 버튼 child: Text('RaisedButton', style: TextStyle(color: Colors.blue)), color: Colors.amber, onPressed: () {} // 클릭시 실행할 영역 ), FlatButton( // 평평한 버튼 child: Text('FlatBut.. 2020. 5. 15.
flutter 개발환경 셋팅 - (macOS 기준) 1. flutter 설치페이지에서 flutter sdk 다운로드하기 https://flutter.dev/ 2. development 폴더 생성해서 그 안에 압축 풀기 $ mkdir ~/development $ cd ~/development $ unzip ~/Downloads/flutter_macos_v1.12.13+hotfix.8-stable.zip (나는 그냥 Finder에서 압축 풀고 development 폴더로 옮김) ⭐️ PATH 추가하기!!! - development 폴더에서 PATH 추가하기 (해당 폴더 이외에서는 flutter 먹지 않는다) $ export PATH=`pwd`/flutter/bin:$PATH - 터미널 어느 세션이든 flutter 명령어를 사용하기 위해서는 bash_profi.. 2020. 2. 19.
DAsP 시험 정리 1. 2020년 시험 일정 시험명 원서접수 시험일 결과발표 제42회 DA준전문가 자격검정 01.10~02.17 03.14 04.14 제43회 DA준전문가 자격검정 03.23~05.18 06.14 07.14 제44회 DA준전문가 자격검정 06.29~08.17 09.12 10.13 제45회 DA준전문가 자격검정 09.21~11.09 12.06 21.01.05 2. 데이터아키텍쳐준전문가 자격검정시험 과목 과목명 필기 검정시험시간 문항수 배점 전사아키텍쳐 이해 10 20 (문항당 2점) 90분(1시간 30분) 데이터 요건 분석 10 20 (문항당 2점) 데이터 표준화 10 20 (문항당 2점) 데이터 모델링 20 40 (문항당 2점) 계 50 100 3. 세부 내용별 문항수 시험과목 과목별 세부 항목 문항수 전.. 2020. 2. 17.
react native로 timer앱 만들기 (1) - 간단 화면구성, 버튼 추가 terminal > expo init sky-timer components 폴더 만들고 Timer, Button 폴더 만들기 > 각 폴더 안에 index.js 생성 - Button > index.js TouchableOpacity(터치효과), onPressOut (터치후 손 뗄 때 동작), import FontAwesome(expo vector 아이콘 가져다 쓰기) propTypes (이전 상황에서 값 넘어오는 정보들 설정) - Timer > index.js Button 사용하기 위해 import 해주기, StatusBar 색상 변경, 상단에 time, 하단에 button 추가(클릭하고 뗄 때 alert 나오도록 테스트) redux : State Management for React (리액트 상태 관리 .. 2020. 1. 15.
reactJS 로 영화목록 웹사이트 만들어보기 (3) - 네비게이션 추가하기 react-router-dom 설치 : 네비게이션 사용을 위해 필요 src 폴더 안에 components 폴더와 routes 폴더 생성 Movie.js, Movie.css는 components 폴더로 이동 routes 폴더에 Home.js(영화 리스트 보여주는 페이지) 와 About.js 파일 생성 ( app.js 내용을 home.js 로 이동 라우터를 이용하여 url을 보고 어떤 화면을 보여주면 될지 판단하도록 적용해볼 예정 바보같은 오타 오류 : import Route 라고 해야할 것을 import Router 라고 해서 아래와 같은 오류가........ 수정 후 다시.... url에 보면 /#/ 이 붙은 것을 확인할 수 있다. 이제 /#/about 으로 이동해보자 자, 이제 네비게이션을 추가해보자 .. 2020. 1. 5.
reactJS 로 영화목록 웹사이트 만들어보기 (2) - 영화 목록 가져오기 async() : 비동기 방식. await() ~ : ~ 할 때까지 기다려라. [ES6 에서 나온 새로운 개념인가보다] yts에서 영화 정보 가져올 때 팁 : json파일에서 가져오는 데이터를 잘 정리하면 간편하게 사용 가능 1. 단순하지만 접근하기에 복잡한 타입 2. 설정을 해두면 접근이 용이함 자 이제.. 가져온 movies 정보를 state의 movies 에 담아서 출력해볼까? wow 잘 된다! api 를 통해 얻어오는 데이터에 보니 sorting by rating 옵션을 먹일 수 있겠다 (평점 좋은 순으로 보여주기 위해) api 가져오기 위해 Movie.js 를 만들고 propTypes를 설정하는 부분에서 오류났는데 대소문자 구분이 정말 중요한거같다..... 온갖 css 를 먹여서 아래의 화면까지.. 2020. 1. 5.
reactJS 로 영화목록 웹사이트 만들어보기 (1) - React 기초 #만들어 볼 것 : 영화 리스트, 추천, 별점 등의 정보가 있는 웹사이트 - api : yts api (영화와 관련된 정보 가져다 쓸 수 있는 API) - 리액트를 써서 자바스크립트로 변환해주는 웹팩 (리액트 코드를 브라우저가 이해할 수 있게 변경해주는)을 사용 예정 - 웹팩 이용해서 최근 자바스크립트를 브라우저가 이해할 수 있게 변경해줘야 함 #시작 1. create-react-app 설치 : npm install create-react-app 2. 프로젝트 생성 : create_react_app movie_app 3. movie_app 폴더로 이동 : cd movie_app 4. 서버 띄우기 : yarn start 5. vscode에서 movie_app 열기 6. 소스코드를 한 번 변경해보자. 리액트.. 2020. 1. 2.