본문 바로가기

IT21

[Flutter] Windows 개발 환경 만들기 ② / Android Studio 설치 Flutter를 개발하는 통합 개발 환경(IDE)로는 일반적으로 Android Studio와 VScode를 많이 사용합니다. 여기서 말하는 통합개발환경 (IDE)는 프로그래머가 소프트웨어 코드를 효율적으로 개발하도록 돕는 소프트웨어 어플리케이션입니다. 프로그램 개발에 필요한 모든 작업(코딩, 디버그, 컴파일, 배포등)을 하나의 프로그램 안에서 작업할 수 있는 환경을 제공하는 소프트웨어입니다. 우리가 아는 코드 작성은 모든 텍스트 편집기를 사용하여 작성할 수 있습니다. 이 말은 Notepad를 이용해서도 코드를 작성할 수 있다는 말입니다. 하지만 우리가 통합개발환경(IDE)를 사용하는 이유는 단순히 텍스트 편집 이상의 것들을 제공하고 있기 때문입니다. 1) 자동적인 코드 편집. - 프로그래밍 언어들은 명령.. 2022. 9. 16.
[Flutter] Windows 개발 환경 만들기 ① / Flutter SDK 다운로드 & 환경 변수 설정 Flutter 개발을 하기 위해 Windows 환경에서 개발 환경을 만들어 보겠습니다. Flutter SDK를 다운받고, 필요한 환경변수 설정까지 하도록 하겠습니다. 1. Flutter SDK 다운로드 https://docs.flutter.dev/get-started/install Choose your development platform to get started Install Flutter and get started. Downloads available for Windows, macOS, Linux, and ChromeOS operating systems. docs.flutter.dev - Windows를 클릭. - 무난하게 추천하는 Mobile을 클릭. - 스크롤을 조금 내리면 Install th.. 2022. 9. 15.
[CSS 정보] reset CSS란? / download 가능. Web 페이지를 제작할 때, 가장 기본적으로 index.html을 만들어서 브라우저를 통해 만들어진 화면을 확인할 수 있습니다. 이 때, 다양한 웹 브라우저에 따라 기본 스타일이 다르게 표현이 되어 있는 것을 볼 수가 있습니다. 기본 스타일이 일반적으로 큰 상관이 없을 수도 있지만, 커스텀 스타일링을 할 때 작업을 힘들게 만들 수도 있습니다. 이런 이유로 스타일 작업을 하기 전에 기본 스타일을 제거 (reset CSS)하거나, 일반화하는 작업(Normalize)을 하게 됩니다. 1. reset CSS 란. - 웹 브라우저 마다 default 값으로 스타일이 적용되어 있기 때문에 브라우저마다 다르게 보일 수도 있습니다. 모든 브라우저에서 동일한 CSS 스타일을 보여주기 위해서 default 값을 초기화 해.. 2022. 6. 30.
[안드로이드] Firebase를 이용한 구글 로그인 연동 프로젝트 안녕하세요. 지난 글에서 Firebase를 이용한 구글 로그인 연동 프로젝트 사전작업을 진행했습니다. 안하셨다면 다시 한 번 확인하시고 오시면 좋습니다. 2021.10.15 - [IT] - [안드로이드] Firebase를 이용한 구글 로그인 페이지 만들기 (사전작업) [안드로이드] Firebase를 이용한 구글 로그인 페이지 만들기 (사전작업) 안녕하세요. 안드로이드 앱을 사용하다보면 로그인을 다양한 방법으로 진행하고 있는데, 그중에 구글아이디로 로그인하는 방법이 있습니다. 오늘은 그 방법을 앱에서 구현하는 방법을 공부해 madebyan.tistory.com 사전 작업을 모두 마쳤기 때문에 이제부터는 열심히 달려보겠습니다. 첫번째로 메인화면.xml 입니다. 처음 생성되면 주어지는 ConstraintLay.. 2021. 10. 17.

loading