profile
찌니로그
post-thumbnail

[Flutter/Dart] Progress bar로 진행률 % 나타내기/ 비율로 위젯 위치시키기

사용자의 목표에 따라 달성률을 나타내는 progress bar를 만들고, 그 위에 진행률 아이콘도 넣고 싶었다. 먼저 percent_indicator 패키지를 yaml에 추가하고 pub get 한다. https://pub.dev/packages/percent_indi

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

[Flutter/Dart] OpenWeatherMap Api 로 날씨 받아오기

공공데이터를 사용하다가 받아오는 속도가 너무 느려서 api를 openWeather 로 변경하기로 했다..!https://openweathermap.org/가입하면 바로 Api key를 발급해줘서 그냥 가져다가 사용하면 된다먼저 기본 설정으로 환경변수 파일 .e

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

[Flutter/Dart] flutter_speed_dial 이용해서 Floating Action Button 만들기

이걸 찾고 계셨던 분들 많을거라 생각합니다플러터에서는 공식적으로 multiple floating button 사용을 권장하지 않는다고 해요.보기에도 깔끔한 이 버튼을 한번 만들어봅시다https://pub.dev/packages/flutter_speed_dia

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

[Node.js] events.js:183 throw er; // Unhandled 'error' event 에러

(base) hyejin@jeonghyejin-ui-MacBookPro server % node app.js node:events:491 throw er; // Unhandled 'error' event ^ Error: listen EADDRIN

2022년 11월 15일
·
0개의 댓글
·
post-thumbnail

[Flutter] Json 파일 파싱하기

데이터를 가져올때, json 형식으로 가져오는 경우가 많다.그래서 오늘은 json 파일을 모델 형식으로 바꿔보자 !먼저 프로젝트 내 assets에 파일을 추가해준 후 pubspec.yaml의 assets에 루트를 추가해준다. 한개의 파일이면 assets/a.json 형

2022년 11월 12일
·
0개의 댓글
·
post-thumbnail

[Node.js] 환경변수 파일 .env 생성하기

프로젝트 개발을 하다보면 민감한 정보들을 소스코드에 하드코딩을 하는 경우가 있는데, 외부에 노출되어서는 안되는 정보들일 경우 깃허브같은 오픈 소스 공개시 위험할 수 있다.이를 위해 환경변수 .env 파일을 따로 생성해야 한다.node-js에서, 아래처럼 서버정보를 하드

2022년 11월 3일
·
0개의 댓글
·
post-thumbnail

[Android/Node.js] 인스타그램 클론코딩 (3) - RDS MySQL workbench연결 및 테이블 생성하기

먼저 데이터베이스 스키마와 테이블을 생성해볼 예정이다. 콘솔창으로 개발하기보다는 MySQL Workbench가 사용이 더 편리하므로 먼저 MySQL Workbench 설치를 한다 Workbench 설치 https://dev.mysql.com/downloads/work

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

[Android/Node.js] 인스타그램 클론코딩 (2) - AWS rds 데이터베이스 생성하기

aws의 rds, 엔진 유형은 MySQL로 정했다.템플릿은 프리티어로 적용DB 식별자와 암호를 입력그 후 프리티어이기 때문에 웬만한 설정들은 기본 설정으로 두고 인스턴스를 생성한다.그 후 ec2 서버와 연결해준다. 생성시 연결을 못했다면 생성한 데이터 베이스에 들어가

2022년 11월 1일
·
0개의 댓글
·
post-thumbnail

[Android/Nodejs] 인스타그램 클론코딩 (1) - AWS ec2 서버 구축하기

인스타그램 클론코딩을 하기 전, 계획을 적어보자면 모든 기능의 구현은 하지 않을 것이다.인스타그램의 메인 기능만 구현할 예정이고, 서버와 db 구축 경험에 초점을 맞출 예정.소셜 로그인은 파이어베이스 auth 사용서버 : aws ec2db : aws rdb MySql안

2022년 11월 1일
·
0개의 댓글
·
post-thumbnail

[Flutter/Dart] Stream과 broadcast

스트림은 흐름, 파도라고 이해할 수 있고, 데이터나 이벤트가 들어오는 통로를 뜻한다.스트림을 사용한다면 지속적으로 데이터의 흐름을 관찰할 수 있다. 데이터를 만드는 곳과 소비하는 곳을 따로 둘 수 있다.비동기 작업을 할 때 주로 쓰이며, 일련의 비동기 이벤트와 같다고

2022년 10월 14일
·
0개의 댓글
·

[kotlin] 날씨 api 확장함수로 데이터 변환하기

확장함수(extension function)은 기존에 정의된 클래스에 함수를 추가하는 기능이다.toString, toInt, run, apply 등이 확장함수에 포함된다.예시로 날씨 api를 사용할때의 확장함수를 정의해보았습니다.날씨 api 데이터에는 강수형태, 습도,

2022년 10월 12일
·
0개의 댓글
·
post-thumbnail

[kotlin] Scope 함수(let, run, apply, also, with)

scope 함수?kotlin 공식 문서에 따르면, 객체의 context 내에서 코드 블록을 실행하는 것을 목적으로 하며 함수 호출 시 객체의 이름 없이 객체에 접근 할 수 있는 기능을 가진 함수를 scope function이라고 한다. 이 스코프 함수에는 let, ru

2022년 10월 12일
·
0개의 댓글
·
post-thumbnail

[Flutter/Dart] 기본 문법 정리

플러터 시작....!!!!! 플러터는 매우 매우 처음이기 때문에 기본 문법부터 시작해봅시다 자바랑 비슷한듯 ~ 코틀린이랑 비슷한듯 ~ js 랑 비슷한듯 ~ 많은 언어랑 닮아서 헷갈리진 않을까 모르것네요 변수 타입은 앞에, var 사용시 타입 선언 x 데이터 타입은

2022년 9월 27일
·
0개의 댓글
·
post-thumbnail

[Android/Compose] Paging 사용하여 리스트뷰 구현하기

이번 프로젝트에서 시간을 가장 많이 들인 paging,,, 이정도로 오래걸릴 일이 아닌데 엄청나게 삽질했다ㅜㅡㅠ db module 통신으로 데이터를 가져오는 paging을 구현했습니다 많은 부분에서 부족하니 이해해주세요!! PagingSource ViewModel

2022년 9월 27일
·
0개의 댓글
·
post-thumbnail

[Android/Compose] drawer/드로어 구현

유저의 정보와 여러 메뉴를 포함하는 드로어

2022년 9월 22일
·
0개의 댓글
·
post-thumbnail

[Android/Compose] navigation/네비게이션 구현

Intent를 컴포즈에서의 Navigation으로 간단하게 구현하는 방법 ! Navigation Route MainActivity

2022년 9월 22일
·
0개의 댓글
·

[Android/Kotlin] retrofit Api 통신하기

retrofit을 이용해 서버와 통신 !아래 모듈은 유저의 아이디와 닉네임을 전송하고 중복 유무를 받는 로직을 가지고 있음gradle module에 의존성을 추가implementation 'com.squareup.retrofit2:retrofit:2.9.0'implem

2022년 9월 22일
·
0개의 댓글
·
post-thumbnail

[Android/Compose] switch/SharedPreference 앱 알림 설정 UI 구현

SharedPreference.kt Setting.kt

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

[Android/Compose] 구글 메일 작성 구현

Dialog.kt Spacer(modifier = Modifier.height(15.dp)) Row(verticalAlignment = Alignment.CenterVertically) { T

2022년 8월 31일
·
0개의 댓글
·