변수 선언 방식을 이해한다.기본 자료형 변수를 이해한다.동적 변수 타입을 이해한다. (Dynamic)정적으로 고정되는 변수 타입을 이해한다. (Final, Constant)비동기적 변수 타입을 이해한다. (Late)Null Safety 와 Non-Nullable 변수
개발환경 설정 후 Hello World 를 찍어보며 간단한 Dart 문법을 알아보겠습니다.모든 Dart 프로그램의 Entry Pointclass 나 type 같은 건 main 함수 밖에 만들더라도 실제로 뭔가를 하는 코드는 반드시 main 내부에 작성해야 합니다.Dar
학습 등의 목적으로 Dart 를 실행할 수 있는 웹사이트Flutter SDK 설치할 경우 Dart SDK 도 같이 설치되기에 Flutter SDK 설치설치 방법Resetta Translation 설치 $ sudo softwareupdate --install-roset
다트를 선택하는 이유 1. 다트는 UI에 최적화 되어있는 언어 2. 생산적인 개발 환경 3. 모든 플랫폼에서 컴파일이 빠르다
Flutter 의 기본 프로그래밍 언어가 Dart 이기 때문에, Dart 에 먼저 익숙해지고 Flutter 를 배우는 것이 당연하다.문법자체도 기존의 코틀린, 타입스크립트 등의 언어의 문법을 알고 있다면 적응하기 어렵지 않고 오히려 더 간단한 문법을 제공한다.말 그대로
HTML 태그, TailwindCSS 보단 기본 HTML 내용일반적으로 <summary> 와 박스 태그 <div>, <span> 들 중 하나; 즉, 두 개의 자식 태그를 가지고 활용합니다.기본형은 노션의 토글 버튼 같은 UI 를 제공합니다.컨텐츠가 드래
Do It. There is no useless Challenge.영감이란 단어의 뜻은 어떻게 보면 모호하다고 느껴집니다.영감(Inspriation)이란 단어는 예술 쪽으로 '어떤 곳에서 해당 작품의 영감' 을 받았다 아니면 영어권에서 흔히 존경의 의미로 'You ha
\_개인적으로 저는 글쓰기를 좋아합니다.그래서 이전부터도 운영하는 디스코드에 기록/공유하는 에세이들을 벨로그에도 남겨둘까 고민을 했었습니다.하지만 기술 블로그 성격인 벨로그에 조금 안 어울리지 않을까 싶은 생각에 에세이를 블로그에 올리지 않았었습니다.1\_무엇보다 원티
파이널 프로젝트에서 만든 대시보드에서 프로필을 수정하는 기능에 닉네임 중복 기능을 추가해야 했습니다.다만 기본적으로 대시보드에서의 프로필 수정이기 때문에 '닉네임 중복확인' 과 같은 버튼을 만들고 싶지 않았습니다.그래서 해당 Input 태그에서 빠져나갈때 바로 '닉네임
프로젝트 시작 전제가 웹 학습을 본격적으로 시작한지 9개월째가 가까워지고 있습니다.무엇보다 '성장 곡선', '야생성' 을 추구하며 학습기간을 달려왔습니다.중간중간 포기하고 싶을 때도 있었지만 처음 시작할때의 동기부여와 의지가 있었기에 극복하고 방법을 찾으면서 계속 달려
FE 파트장으로써 FE 팀원 기술핏을 맞추기 위한 기술 기초 개념 자료 작성프리-프로젝트에서 사용될 React-Query 에 익숙해지기 위함입니다.React-Query 의 다양한 활용 중 데이터 캐싱만 사용해봅니다.실제 프로젝트와 동작 및 구현 방법이 다를 수 있습니다
FE 파트장으로써 FE 팀원 기술핏을 맞추기 위한 기술 기초 개념 자료 및 과제 작성Pre-Project에서 사용될 Recoil 에 익숙해지기 위함입니다.실제 프로젝트와 동작에서는 다를 수 있습니다.Recoil Hooks useRecoilState, useSetReco
부트캠프 마무리 기간 Main-Project 에 들어가기 전에 협업, 개발에 대한 실전 경험을 위해 Pre-Project 약 2주간 백엔드 개발자와 협업하여 진행합니다.Git 협업 플로우를 경험하며 좋은 협업 플로우가 무엇인지 고민합니다.백엔드 개발자와의 협업을 경험하
저는 본디 '게으른 완벽주의자' 그 잡채였습니다.물론 노력을 안 한 것은 아니지만 방향성이나 비교적 만족을 쉽게하는 문제가 있었습니다.게으르면서 주변에는 좋은 사람으로 보이고자 하는 열망이 엄청 컸습니다.그래서 내실적인 부분에서 노력하기보단 외적인 부분으로 내실적인 부
컨터이너, 래퍼 박스에 group 클래스네임을 줍니다.해당 박스에 Hover 되었을때 변화를 주고 싶은 태그 클래스네임에 group-hover:bg-red-300 과 같이 줍니다.변화를 주고싶은 클래스네임에 transition-colors 를 적어주면 transitio
저는 상태 관리 라이브러리로 주로 Recoil 을 사용해 왔었고, Redux 는 부트캠프나 간단한 튜토리얼만 진행을 했었습니다. 개인적으로는 Recoil 을 먼저 사용해봤기때문에 Redux 는 다른 미들웨어들 Redux-Saga 등을 사용하지 않을 것이라면 과하게
KPT 회고 방식 으로 부트캠프 Section 3 를 학습했던 약 한달간의 기간을 회고합니다.회고 후 스스로에 대해 평점을 부여하며 평가합니다.직접 만든 KPT 보드를 활용해 시각적으로 회고합니다.취업 전, 회사에서 꼭 필요한 개발자로 성장기본 공부 외에 사이드 프로젝
React-Native 의 API 입니다.앱 내에서 앱 링크 수신 및 발신 상호작용 인터페이스를 제공합니다.사용중인 앱에서 다른 앱으로 전환됩니다.참조: React Native, 노마드코더Expo 의 API 입니다.앱 내에서 시스템의 웹 브라우저에 대한 엑세스를 및 리
삼항연산자를 A ? A : B 와 같이 사용하는 것을 A ?? B 로 작성할 수 있습니다.삼항연산자를 위와 같이 A 를 두 번 반복하여 적는 경우가 많았는데 ?? 연산자로 보다 직관적이면서 짧게 작성할 수 있습니다.|| 연산자 : 첫 번째 truthy 값을 반환합니다.
Rest API 사용할때 활용하는 라이브러리Hooks 를 통해 Fetch 데이터 접근 도움Loading State, Cache, Infinity Scroll 도 도와줍니다.데이터가 한번 fetch 되면 다시 fetch 하지 않겠다는 걸 의미합니다.onMountBlur