리바의

데코레이션을 적용해서 그림자를 만들어 보려고 합니다. 만들면 box 테두리에 그림자가 생겨서 입체감을 줄 수 있죠. 말로 하면 어떤 느낌인지 잘 모를 수 있으니 이미지로 보여드릴게요. 일단 저 박스를 만들기 위해 위젯을 선언해야 하는데 main함수에서 바로 선언을 하면 복잡해지니 body를 사용하여 다른 클래스를 참조하도록 하겠습니다. # runApp() 함수 안에 입력하는 내용 중 일부 body: 클래스 이름(), 참조하도록 했으면 해당하는 클래스를 만들어주시는데 움직일 것은 아니니 StatelessWidget을 만들어 주겠습니다. (stl 입력 후 ctrl + spacebar) 만들었을 때 커서가 클래스 이름 쪽에 있으니 바로 이름을 지정해 주시면 됩니다. (2 개 바뀌는게 맞습니다. 이상하지 않아요..

앱 개발/flutter 2023. 8. 29. 20:47

오래만에 flutter 관련 내용 적네요. 이번에 flutter 동작을 한번 진행을 해볼려고 합니다. 저번에 cmd(명령 프롬프트)로 라이센스를 등록하셨으면 vscode로 emulator(에뮬)를 실행할 수 있습니다. (아직 하지 못하셨으면 라이센스 등록을 해주셔야 합니다.) 그럼 먼저 vscode(Visual Studio Code)를 실행해보겠습니다. ▼flutter가 설치되어 있지 않을 경우▼ 더보기 1. Extensions을 클릭해줍니다. (ctrl + shift + x) 2. flutter를 검색해줍니다. 3. flutter를 선택하여 설치해줍니다. 다음은 프로젝트를 만들어주는데 만들어보겠습니다. view - Command Palette(ctrl + shift + p)를 눌러주세요. 그러면 입력칸..

앱 개발/flutter 2023. 8. 16. 23:27

이번에는 반복문에 대해 알아볼게요. 가장 기본적인 반복문인 for문부터 진행을 한번 해보겠습니다. for문은 초기값과 조건, 증가(감소)값을 통해서 반복횟수를 정하는 문법입니다. int i = 1: 앞에서 변수를 선언한게 없어서 여기서 선언을 해서 사용 (이런 경우 for문 내에서만 사용하는 변수 i

앱 개발/flutter 2023. 8. 3. 11:55

코딩 문법에 들어가기 전에 한 가지 간략히 설명을 드릴게요. 일단 계산기는 기계식 계산기와 전자식 계산기로 나눌 수 있습니다. 여기서 컴퓨터는 전자식 계산기를 말합니다. '왜 컴퓨터가 전자식 계산기냐? 화면이 보이고 마우스를 움직여서 프로그램을 동작시키는데'라고 생각하시는 분들이 많을 수도있습니다. 하지만 컴퓨터는 0,1 이 두 가지로 동작을 합니다. 그런데 이대로 쓰면 사람이 알아보기 힘들고 개발 하는데도 힘들잖아요. 그래서 나온 게 프로그래밍 언어라고 할 수 있습니다. 프로그래밍 언어로 작성하고 이걸 컴파일(언어마다 다를 수 있습니다.) 해서 컴퓨터가 알아볼 수 있는 언어로 바꿔서 동작을 하게 하는 겁니다. 이제 본격적으로 들어갈 보겠습니다. 함수 함수란 동작에 대한 기본 단위를 말합니다. 코드를 하..

앱 개발/flutter 2023. 7. 31. 23:22

flutter 프로젝트를 만들 때 생성되는 폴더들에 간략히 설명을 진행하겠습니다. 앞에 . 으로 시작하는 폴더는 숨겨진 폴더를 의미합니다. 이 안에서 작성하는 내용들의 대부분 내부환경 설정 등에 사용되는 용도라고 보시면 됩니다. 숨겨진 폴더는 직접적인 개발(코딩) 자체를 할 필요가 없기 때문에 개발할 때 잘 건드리지 않는 편입니다. (만들 때나 dart 버전 설정 등을 미리 셋팅하고 들어오기 때문에 굳이 건드릴 필요가....) 안드로이드, ios 등 스마트폰(핸드폰)의 os를 사용할려면 필요한 폴더인데 가볍게 안드로이드 폴더만 알아볼께요. 안드로이드 내 권한, 옵션 등은 app 폴더에서 진행합니다. app 폴더 안에 src > main 폴더 안에 java, kotlin 등의 파일이 있습니다. 왜 여기에 ..

앱 개발/flutter 2023. 7. 29. 23:26

본격적인 개발에 앞서 에뮬(디바이스)가 필요합니다. 디바이스를 하나 만드는 방법에 대해 같이 알아보도록 하죠. 일단 디바이스 매니저를 실행해줍니다. 우측 상단의 디바이스 매니저 클릭! 또는 tools ▷ Device Manager 실행!! 처음에는 설정된 디바이스가 하나도 없는 것을 보실 수 있습니다. 실행 시킬 디바이스 하나를 만들어보도록 하겠습니다. create device를 클릭해줍니다. 원하는 디바이스 형태를 선택해주는 창이 뜨는데 여기서 개발해야 하는 형태의 디바이스를 선택해줍니다. 독학으로 하시는 분은 자신이 원하는 디바이스를 선택하여 진행해 주시면 됩니다. 저는 phone에서 픽셀 4를 선택하여 진행하겠습니다. 다음으로 넘어가시면 ~~ system image 선택하라고 하는 창이 뜰겁니다. ..

앱 개발/flutter 2023. 7. 27. 21:02

1. cmd 창을 열기 2. flutter doctor 실행 3. android toolchain x이면 아래 입력 flutter doctor --android-licenses 다시 flutter doctor 실행 ▷초록색이 떴으면 끝!!!

앱 개발/flutter 2023. 7. 27. 15:09

이제 본격적으로 들어가기에 앞서 안드로이드 스튜디오에 flutter를 플러그인 시켜볼께요. 처음 안드로이드 스튜디오를 실행하면 이런 화면이 나올 겁니다. 여기서 좌측에 보시면 플러그인이라고 영어로 적힌 부분이 있을 겁니다. 여기를 클릭해주세요. 들어가시면 상단에 Marketplace와 installed가 있을 겁니다. Marketplace을 선택하신 후 flutter를 입력해주세요. flutter를 검색하신 후 isntall 버튼을 눌러주세요. 중간에 dart도 설치할 꺼냐는 창이 뜰 수도 있는데 flutter가 dart를 기반으로 동작하기 때문에 dart도 설치한다고 하시면 됩니다. 잘 적용하기 위해서는 안드로이드 스튜디오를 재시작을 해주셔야 합니다. 그럼 다시 들어가서 installed 부분을 확인하..

앱 개발/flutter 2023. 7. 27. 15:01