코딩 이야기 26

웹/ 앱 개발 관련 공부 예습 시작! [HTML 이란?]

* 이 글은 2019. 8. 28. 0:27에 작성되었던 글입니다 * 본격적으로 웹/앱 개발 관련 공부를 시작하기 전에 예습을 하기로 했다. 개발자 관련하여 유튭을 여기저기 둘러보다 '생활코딩' 채널을 만나게 되었다. (광고 아닙니당 ㅎ) ​ ... ​ ​ ​ Wow ​ UNBELIEVABLE! ​ 너무너무나 쉬운 설명과 함께 귀에 쏙쏙 박히는 목소리와 말투를 가지신 선생님께서 강의를 해주시는데 ​ 그야말로 ​ 신세계였다. ​ 비전공자인 나는 정.말.로 컴퓨터는 물론이거니와 컴퓨터 언어에 대해서 아무것도 몰랐다고 한다. Web 1.HTML 강의를 이틀 만에 다 들었다. 선생님이 참 대단하다고 생각하면서..ㅋㅋㅋ ​ 선생님 부디.. 아주아주 조금만 일하시고... 어마어마한 돈 쓸어 담으시길 간절히 기원합니..

[flutter] 화면 이동 구현 - Navigator

flutter에서 화면 이동을 구현하려면 Navigator 클래스를 사용해야 합니다. 화면 이동을 구현하기 위해서는 다수의 routes가 필요합니다. route란? flutter에서는 screen, page를 route라고 부릅니다. 안드로이드에서는 Activity, ios에서는 ViewController와 동일합니다. main() void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Screen1(), ); } } Screen1() class Screen1 extends StatelessWidget { ..

flutter ThemeData - 앱의 테마를 지정해보자.

앱은 여러 화면들로 구성이 되어있는 경우가 많습니다. 화면들마다 색상을 구성해준다면 굉장히 불편하겠죠? ​ 그렇기에 원하는 값으로 설정이 가능한 ThemeData를 사용하는 게 정신건강에 무척이나 좋을듯하네요 😁 class _MyHomeState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Theme Data'), centerTitle: true, ), body: Center( child: Text('Body Text'), ), floatingActionButton: FloatingActionButton( child: Icon(Icons.add), ), )..

웹에서 flutter 프로젝트 - flutter 온라인 IDE 추천 [flutLab]

컴퓨터 프로그래밍 언어들 중 c언어, java, python 등의 언어의 개발환경을 지원하는 온라인 IDE는 무수히 많지만지금껏 사용해봤던 온라인 에디터에서는 dart 언어나 flutter(는 언어가 아니지만..)를 지원하는 에디터는 보지 못했던거 같아서 한 번 찾아봤다.​​1. CODEPEN​codepen.io/CodePenAn online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.codepen.io​유튜브로 코딩 관련 영상들을 많이 보는데 추천으로 본 영상에서 소개해..

[flutter 프로젝트] flutter로 선택장애, 결정장애 해결 안드로이드 어플만들기 1편

네이버블로그에서 포스팅했지만 배달시킨 음식이 도착기까지 아직 많은 시간이 남아서 티스토리에도 올립니당😀 지금 업로드 되는 gif 파일들속 영상들에는 오늘 추가한 모든 기능들이 들어있지는 않아요 잠시 미리보기용으로 올리는겁니당 위 영상에서 보이는것과 같이 나름 많은 기능들이 들어있는 무작위 뽑기 앱입니다. 패기롭게(?) '몇시간만에 코딩 다 끝나겠지'라는 생각으로 시작했는데, 오늘 하루종일 코딩했어요 ㅎㅎㅎㅎ헤헿히ㅓ홓 코딩하면서 여러 문제점들에 부딪혀서 삽질하느라 고생좀했답니다 😆 문제1) 레이아웃을 대충 머리에만 그려놓고 시작하여 뒤죽박죽 난리남 => 레이아웃 스케치 및 위젯 정리후 새로짬 문제2) remove 버튼 눌렀을 때 위젯 리빌드되지 않아 바로 반영 안됨.(해당 클래스에서 setState()를 ..

Dart 언어 - 문법 정리

Dart 언어는 객체 지향 프로그래밍 언어(Object-Oriented Programming, OOP)이다. Java나 Python, C++ 등의 언어들도 객체 지향 프로그래밍 언어에 해당한다. Hello, World! main() 함수에서 print() 함수를 이용하여 인자값을 Console에 출력할 수 있다. 문자열과 변수를 같이 출력 해야할 경우, 위와같이 자바와 동일하게 "문자열"+변수+"문자열 형식으로 쓸 수도 있고, 보다 간단한 문법도 있다. 문자열 중간에 $기호를 쓰고 변수명을 써주면 된다. 함수(메소드)의 경우에는 ${메소드명()}이런식으로 중괄호를 이용하여 작성하면 된다. **개행 시키기** 문자열 시작부분과 끝 부분에 큰 따옴표 대신 작은 따옴표 '를 3번 연속 작성하면 된다. 데이터 ..