* 개인적인 공부 내용을 기록하기 위해 작성한 포스팅이기에 잘못된 내용을 포함하고 있을 수 있습니다. * Flutter FrameWork의 copyWith 메서드와 사용법에 대한 내용에 대해 정리한 글입니다.What is copyWith?copyWith method는 주로 immutable object(불변객체)에서 사용되는 메서드로, 변경하고자 하는 객체를 복사해 특정 필드만 변경할 수 있도록 도와주는 메서드이다. 플러터는 상태를 관리할 때 기존 객체를 직접 수정하는 방식이 아닌 새로운 객체를 생성한 뒤 객체의 필드를 수정하는 방식으로 동작한다. 이때 copyWith method를 사용하면 보다 편리하게 객체의 필드를 변경할 수 있다. copyWith method Usage Example Code_..
수강기간 2024.12.31 ~ 2025.01.04백엔드 직군 프로그래머를 준비하고 있지만프론트 진영의 프레임워크 하나 정도는 찍먹정도는 해보는게 좋지 않을까 싶은 생각에방학기간을 활용해 코딩애플 강사님의 Vue3.js 강의를 듣게 되었다.문제풀이 시간까지 합쳐서 하루에 대략 4~5시간 정도 공부했다. 보통 나는 Notion에 강의 내용을 필기하면서 공부하는 편이라 단순 시청 및 문제풀이만 진행하면더 적게 소요될 것이라고 생각한다. # React 대신 Vue3.Js를 선택한 이유한국에서 가장 인기있는 프론트앤드 프레임워크라고 하면 대부분 React를 뽑는다.실제로 사람인 채용 사이트에서 React와 Vue를 검색해보면 대략 2배정도 차이 나는걸 확인할 수 있다. 그럼에도 불구하고 vue3.js 를 ..
Goal - 프로그램과 프로세스의 차이에 대해서 이해한다.- 하드웨어 관점 스레드와 소프트웨어 관점 스레드의 차이에 대해서 이해한다. - 프로세스와 스레드의 차이점에 대해서 이해한다.#1.1 프로그램프로그램 [Program] 이란 "컴퓨터가 일련의 작업을 처리하기 위한 계획서" 한 마디로 그냥 코드 덩어리이다.우리가 일상에서 사용하는 카카오톡, 디스코드, 워드 등 모두 프로그램의 일종이다. 하지만 프로그램은 사용자가 실행하기 이전에는 그저 디스크에 존재하는 코드의 집합일 뿐이다. #1.2 프로세스이러한 프로그램 코드 덩어리를 사용자가 실제로 실행하면 프로세스가 된다. 프로세스는 실행중인 프로그램 상태를 뜻하는 용어이다. 프로그램이 실행되기 위해선 2가지 단계를 거쳐야만 한다. 1. RAM 메모리 적재..
HTML 같은 마크다운 언어나 안드로이드 개발 시 사용되는 XML로 페이지를 명시하는 경우에는 화면에 표시될 UI의 위치를 어느정도 예측하고 명시할 수 있다. 그러나 플러터의 레이아웃은 "Constraints Go Down" 이라는 원칙을 따르기에 위젯이 위치할 위치를 직접 명시해 주어야만 한다. #Constraints Go DownConstraints Go Down 이란? 플러터에서 자식 위젯의 크기는 부모 위젯에 의해서 결정되며, 자식 위젯의 크기가 결정되면 부모 위젯에게 자식의 크기를 명시해 주어야 하는 원칙. 다음 코드는 Container Widget의 위치 제약을 별도로 명시해주지 않았기에 좌측 상단에 배치된다.import 'package:bloggingtest/firstPage.dart';im..
#1 Navigator를 이용해 페이지 전환하기Navigator는 Stack 구조로 동작합니다.예를들어 firstPage.dart 파일에서 sceondPage.dart 파일로 화면을 전환할 경우 firstPage 위에 secondPage가 쌓이는 구조입니다.다음은 firstPage 위에 secondPage를 push 하는 부분입니다.builder 파라미터의 반환부에 추가할 페이지 클래스 인스턴스를 할당해 주면 됩니다. Navigator.of(context).push( MaterialPageRoute( builder: (BuildContext context) { return SecondPage..
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.
