전체 글 380

[노마드코더] #6 Webtoon App

AppBar AppBar · joseph-106/toonflix@1293249 Showing 1 changed file with 15 additions and 1 deletion. github.com 선언한 위젯은 key를 가져야 하며, ID와 같은 식별자 역할 AppBar 위젯은 다양한 옵션을 가지며 서비스의 헤더 역할 Data Fetching Data Fetching · joseph-106/toonflix@3855976 Show file tree Showing 4 changed files with 42 additions and 3 deletions. github.com pub.dev에서 Dart, Flutter 관련 공식 패키지 다운로드 가능 (npm, PyPI랑 비슷) HTTP 요청을 편하게 해주는..

Front-end/Flutter 2023.02.02

[TIL] 자바스크립트(node.js)로 백준을 풀어보자

초보자가 자바스크립트로 백준 문제 푸는 법 🤔 스터디에서 백준 문제를 도전하게 되어 위 영상을 참고해 node.js 입력 방법을 정리해 보았다 예시로 백준 4344번 문제를 풀어보겠다🔽 4344번: 평균은 넘겠지 대학생 새내기들의 90%는 자신이 반에서 평균은 넘는다고 생각한다. 당신은 그들에게 슬픈 진실을 알려줘야 한다. www.acmicpc.net 1단계 5 5 50 50 70 80 100 7 100 95 90 80 70 60 50 3 70 90 80 3 70 90 81 9 100 99 98 97 96 95 94 93 91 js 파일과 동일 경로에 문제 입력을 담은 txt 파일 생성 2단계 (거의 고정) const fs = require("fs"); const filePath = process.pla..

[노마드코더] #5 Pomodoro App

User Interface User Interface · joseph-106/toonflix@4b609bb Show file tree Showing 2 changed files with 88 additions and 36 deletions. github.com Scaffold를 screens 폴더의 하나의 파일로 분리 (context로 상위 테마 접근) Flexible은 flex 값을 기반으로 상위 UI를 나눠 child UI들을 비율에 맞게 배치 Row로 감싸고 Expanded로 확장시키면 Container를 가로 전체로 늘리기 가능 Timer Timer · joseph-106/toonflix@f437306 Showing 1 changed file with 23 additions and 4 deleti..

Front-end/Flutter 2023.01.27

[글또] 삶의 지도

글 쓰는 개발자 모임, 글또에 지원하며 작성했던 글입니다. 작성 취지 글또를 신규로 참여하는 분들은 "자신이 어떻게 살아왔는지 - 삶의 지도"에 대한 글을 작성해서 제출해주셔야 합니다(글또 지원 Form에 제출) 삶의 지도라는 것은 제가 붙인 이름이며, 자신이 어떤 사람이고 어떤 성격을 가지고 있고, 어떤 사건으로 지금의 내가 되었는가에 대해 작성한 내용입니다. 자신이 어린 시절부터 여태까지 어떤 시간을 보내왔는지 기록하는 과정을 통해 메타인지가 향상될 수 있으며, 이 내용을 토대로 이직하실 때 이력서에도 활용할 수 있을겁니다 생각하시는 과정이 어렵다면 현재 내가 가진 "역량"이 무엇인지 고민해보시고 그 역량을 어떻게 얻었는지 시간 역순으로 고민해보셔도 좋습니다 형식은 자유롭게 하셔도 괜찮으나, 글로 작..

생각정리 2023.01.25

[노마드코더] #4 Stateful Widgets

State State · joseph-106/toonflix@463dee8 Showing 1 changed file with 34 additions and 2 deletions. github.com StatelessWidget은 단지 build 메서드를 통해 정적인 UI를 출력하는 역할 StatefulWidget은 위젯에 데이터를 저장하고 변화를 UI에 실시간 반영 App의 State를 반환하는 createState 함수를 override하며, State 내에서 UI 구축 App의 State를 상속받은 클래스의 필드 값으로 동적인 데이터 관리 (final 제거) 데이터는 String Interpolation으로 문자열에 넣거나 함수의 매개변수 등으로 활용 IconButton 위젯으로 데이터를 변경하는 함..

Front-end/Flutter 2023.01.19

[노마드코더] #3 UI Challenge

Header Header · joseph-106/toonflix@1eb21c2 Showing 1 changed file with 37 additions and 5 deletions. github.com ? 기호가 붙은 Optional Widget들은 경우에 따라 포함 여부 판단 Colors의 옵션으로 자동 완성되는 material design의 Colors.색상.색조 사용 가능 커스텀 색상을 넣고 싶다면 Color(0xFF[HEX 값]) or Color.fromARGB(+ RGBO) 단순히 size가 있는 박스를 만드는 SizedBox Widget (width / height / child) Row(수평) / Column (수직) 방향으로 children 배열을 사용해 Widget 쌓기 가능 그 안에서 ..

Front-end/Flutter 2023.01.18

[노마드코더] #2 Hello Flutter

Installation Flutter 설치 = SDK 설치 (공통) + 시뮬레이터 설치 (목적에 따라 다양) 공식문서에 나오는 방법보다 chocolatey 패키지 매니저를 사용하면 더 편리함 chocolatery 설치 후 관리자 권한 powershell에 choco install flutter 입력 Windows의 경우 Android / Windows / Web 시뮬레이터 설치 가능 chocolatery 설치 (Windows 기준 / for Individual)🔽 Installing Chocolatey Chocolatey is software management automation for Windows that wraps installers, executables, zips, and scripts int..

Front-end/Flutter 2023.01.16

[노마드코더] #1 Introduction

Why Flutter Dart 언어와 Flutter 프레임워크 학습만으로 원하는 어떤 플랫폼이든 손쉽게 배포 가능 처음에는 Android와 iOS 정도만 지원하다가 웹 및 다양한 운영체제 대응 + IoT까지 확장 Flutter(+ Dart) / Firebase / Android / Chrome 모두 구글에 소속되어 서로 시너지 효과 Flutter를 사용하는 거대 브랜드나 기업들🔽 Showcase - Flutter apps in production The world’s biggest businesses are building with Flutter. View the showcase and see Flutter apps in production. flutter.dev Flutter로 3D 게임 개발까지 가능..

Front-end/Flutter 2023.01.15

[노마드코더] #5 Classes

Your First Dart Class class Player { final String name = "yee"; int age = 23; void sayHi() { print("Hi my name is $name"); } } void main() { var player = Player(); player.sayHi(); } class에서 property는 var 키워드가 아닌 타입 지정으로 선언 (final 가능) 인스턴스 생성시 new 키워드 생략 가능, var 키워드 변수에 대입 class method에서 property 접근 시 this는 기본적으로 생략 가능 Constructors class Player { /* late final String name; late int age; Player(St..

Languages/Dart 2023.01.12

[HUFS/객체지향프로그래밍] #13 입출력 스트림

입출력 스트림 스트림(Stream): 자바의 데이터 입출력 흐름으로, 스트림 방향에 따라 종류 결정 바이트 기반 스트림: 그림, 멀티미디어 등의 바이너리 데이터를 읽고 출력 문자 기반 스트림: 문자 데이터를 읽고 출력 바이트 기반 스트림 1. 바이트 출력 스트림: OutputStream 2. 바이트 입력 스트림: InputStream 반환된 4byte 중 마지막 1byte에만 데이터 포함 입력 스트림으로부터 바이트를 더 읽을 수 없다면 -1 반환 읽을 수 있는 마지막 바이트까지 반복해 1byte씩 읽기 가능 문자 기반 스트림 1. 문자 출력 스트림: Writer 2. 문자열 입력 스트림: Reader 반환된 4byte 중 마지막 2byte에 데이터 포함 반환된 int 값을 char 타입으로 변환해 문자 ..

Languages/Java 2023.01.10