드디어 VScode를 이용해 코딩을 하기 시작했다. - 00. Flutter 강의 후기

jay

상세페이지 만드는 강의를 다 따라하고 보니 예시 코드의 공룡 배경 색상이 어두워 타이틀과 뒤로가기 버튼의 색상을 바꾸고 싶어졌다.

공룡 상세페이지의 배경은 character.dart 파일의 color 변수를 수정하면 되는데, appbar의 뒤로가기 버튼은 어디서 수정해야될까 고민에 빠졌다.

그래도 2주간 플러터 강의 좀 들었다고 앱바의 dart 파일에 들어가본다.

this. iconThem 을 바꾸면 될 것 같아서 해당 파일에서 몇번 헤매다가 상세페이지의 dart 파일로 이동해서 색상 수정에 성공하였다!

Reaction

Comment

jay

뭔가 저장하니까
갑자기 이런 화면이 애뮬레이터에 떠서 당황했다.

챗gpt한테 물어보니 Flutter Hot Reload vs Full Restart 문제 같다면서
Hot Restart 또는 완전 재실행이 필요하다고 한다.

확실한 방법은 앱 종류 후 재실행 또는 [Ctrl + Shift + P → “Flutter: Hot Restart”] 라는데,
[Ctrl + Shift + P → “Flutter: Hot Restart”] 를 시도하니 바로 해결됐다. 휴

Reaction

Comment

jay

이미지를 클릭해서 다른 액션을 부여할 수 있는 코드를 배웠다!
GestureDetector 코드 이다.

지금은 이미지가 총 6개라 한줄한줄 넣는 것이 가능하지만이미지가 10장이 넘어가도 한줄씩 넣을 수는 없을 것 같다. 조금 편한 방법이 있으면 좋을 것 같다!

Reaction

Comment

jay

url 을 통해 이미지를 업로드 하는 방법을 배웠다!
github에 있는 이미지 url의 "https://" 뒤에 raw를 추가하면 된다. 그럼 vs코드에서 해당 이미지를 링크로 가져올 수 있다.

Reaction

Comment

jay

오늘은 Part 2 > CH 1 > 05~06파트를 수강했다.

이제 공룡 카드앱의 첫 장이 마무리 되었다.

아직 코드가 어떻게 동작하는건지 알고 작성하는 것보다
강의를 보고 따라서 적는 것이지만
꾸준히 연습하다보면 내가 만들고 싶은 앱을 만들 수 있겠지!

Reaction

Comment

jay

즐거운 연휴를 보내고 패캠 강의를 듣기 시작했다.

오늘은 Part 2 > CH 1 > 04. 앱레이아웃 구성 이해하기 파트를 수강했다.

column위젯과 row위젯을 사용하여 내용을 가로, 세로로 배치하고
Padding위젯으로 여백을 주는 방법을 배웠다.

Reaction

Comment

jay

16d

드디어 VScode를 이용해 코딩을 하기 시작했다.

정말 기초 코드라 코딩이라고 부르기에도 민망하지만 내가 앱을 만들기 시작한다는게 신기해서

컴퓨터 전원을 켤때마다 VScode를 열어서 외운 코드를 입력해본다.

Reaction

Comment

jay

16d

연휴의 시작인 어제부터 플러터 강의를 본격적으로 수강하기 시작했다.

벌써 1차 오픈 강의 중 39.3%를 수강했는데, 사실 Part 2의 이론 + 함수강의는 넘겨버렸다.

대학 다닐 때도 자바 + 자스는 이해가 안됐는데, 여전히 함수는 이해가 안된다.

타고난 문과머리인가보다.

그래도 아직은 플러터 윈도우 세팅단계라 그렇게 어려운 파트는 없다.

앱개발을 위해 화이팅!

Reaction

Comment

jay

16d

사이드 프로젝트는 하고 싶지만 마음맞고 일정맞는 팀원을 구하는건 힘들다고 판단한 나..

플러터플로우라는 노코드 툴을 이용해서 앱을 만들어볼까 하다가
내가 구현하고 싶은 프로젝트에서는 한계가 있을 거라고 판단하고 플러터 입문 강의를 구매했다.

이전에 함께 근무를 했던 플러터개발자에게 코딩셰프 강의를 구매했다고 하니

기초를 잘 알려주는 사람이라고 했다.

강의 잘 산 것 같다!

Reaction

Comment