leteu / 개발 블로그

프로그래밍/ReactJs

[React] react-router-dom을 vue-router처럼 쓰기

오랜만에 글을 써본다. 재미로 쓴 flutter가 전체 조회수의 약 80~90% 정도를 차지해서 현타가 왔다. 회사에서 리액트를 쓸 일이 생겨 알아보던 중 라우팅 코드가 굉장히 더러운 거 같은데 vue-router 쓰던 입장으로썬 이해가 안 가서 비슷하게 한번 만들어봤다. #1 react-router-dom 이란 https://reactrouter.com/ Declarative routing for React apps at any scale | React Router Version 6 of React Router is here! React Router v6 takes the best features from v3, v5, and its sister project, Reach Router, in our s..

프로그래밍/Flutter

[Flutter] 위젯(Widget) 기초 - text, icon, button 등등

써본 위젯 다 쓰진 못하겠고 많이 사용할만한 거만 계속 적어보려 한다. #1 위젯 종류 https://flutter-ko.dev/docs/reference/widgets Flutter 위젯 목록 flutter-ko.dev 위젯 종류가 굉장히 많다. 버튼만 해도 아이콘이 있고 없고 배경이 채워진 버튼, 아웃라인만 있는 버튼 등등 종류가 많다. 위 링크의 공식 문서 보면서 잠깐 개발해보며 많이 사용한 위젯 위주로 설명해보려고 한다. #2 기초 위젯은 크게 두가지로 나뉜다. ##Stateful Widget 동적 State의 데이터가 변할때마다 다시 빌드하는 위젯 상수는 가질 수 있지만 프로퍼티로 변수를 가지지 않음 stful 치고 엔터누르면 바로 나온다. 클래스 명을 입력하면 알아서 코드가 다 나온다. ##S..

프로그래밍/Flutter

[Flutter] 위젯(Widget) 알아보기 - Scaffold

Flutter 레이아웃 잡는 위젯에 대해 포스팅해보려고 한다. 개발해보면서 많이 사용해본 것들 위주로 올리려고 한다. #1 Scaffold ( 스캐폴드 ) https://api.flutter.dev/flutter/material/Scaffold-class.html Scaffold class - material library - Dart API Implements the basic material design visual layout structure. This class provides APIs for showing drawers and bottom sheets. To display a persistent bottom sheet, obtain the ScaffoldState for the current ..

프로그래밍/Flutter

[Flutter] Flutter 1 - 설치부터 빠르게

지금 회사에서 프론트앤드 개발하면서 앱까지 개발하게 됐다. "Vue 할 줄 아니 nativescript하면 되겠네" 싶었는데 맘에 안 들어서 플러터 해보려고 한다. 플러터가 뭐 검색하면 잘나오니 이거 써보겠다. #1 Flutter SDK 설치 https://docs.flutter.dev/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev 플러터 사이트 들어가서 자신에 맞는 OS 찾아 설치해줍시다. 필자는 Window 씁니다. 다운로드가 완료되었으면 아무 곳이나 찾기 쉬운곳에 압..

프로그래밍/Git

[Git] Git Remote repository 변경

사내에서 깃랩 주소가 바뀌거나 프로젝트 이름이나 주소를 바꾸는 경우가 종종 있었다 이참에 한번 정리해볼까 한다 #1 자주 발생하는 오류 fatal: 'origin' does not appear to be a git repository fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists. 이거 때문에 고생해서 오는 사람 많을 거 같다. 얘도 똑같이 따라 해 주면 고쳐질 수도 있다. ( 아닐 수도 있다 ) #2 Remote 확인 일단 확인부터 하자 git remote -v 실행하고 나면 보통 아래처럼 2줄 정도 뜬다. originhttps:..