20231025 TIL :: JSX / flutter

Today 요약

[✅] 프로그래머스 코딩테스트 1문제

[] 옵시디언 정리 > 집에서 복습 할 것

[✅] React 강의 3강

[✅]flutter 강의 3강

배운 점

1. React 기초 복습

1-1 JSX

JSX와 React는 서로 다른 두 가지이다. 함께 사용되는 경우가 많지만, 서로 독립적으로 사용할 수도 있다
JSX는 구문 확장이고 React는 Javascript 라이브러리이다

라이브러리란 ? 소프트웨어를 개발할 때 프로그램이 사용하는 비휘발성 자원의 모임. 즉 특정 기능을 모아둔 코드, 함수들의 집합이며 코드 작성시 활용 가능한 도구들을 의미한다 예) npm 모듈 / JQuery / STL

2. Flutter

2-1 가로 세로 모드(IOS)

ios > Runner > Info.plist

<array>
    <string>UIInterfaceOrientationPortrait</string>
    <string>UIInterfaceOrientationLandscapeLeft</string> //상황에 맞게 삭제
    <string>UIInterfaceOrientationLandscapeRight</string>//상황에 맞게 삭제
</array>

<key>UISupportedInterfaceOrientations~ipad</key>

<array>
    <string>UIInterfaceOrientationPortrait</string>
    <string>UIInterfaceOrientationPortraitUpsideDown</string>
    <string>UIInterfaceOrientationLandscapeLeft</string>//상황에 맞게 삭제
    <string>UIInterfaceOrientationLandscapeRight</string>//상황에 맞게 삭제
</array>

2-2 Spacer class

flex 컨테이너 위젯간 간격을 조정하는데 사용한다
https://252-archive.tistory.com/153

2-3 ios 사진 접근 알람

ios 시뮬레이터 사용하다가 사용자의 사진에 접근하려고 합니다.. 이런 창이 뜨는게 계속 안나와서 코드도 다 해쳐보고 강의도 다시 보고 했지만 여전히 오류만 남.
해결 방법은 아예 시뮬레이터 내 앱을 삭제후 다시 빌드하니까 됐다.. 너무 허무하다 .. !

2-4 GoRouter / Navigator 1.0

화면들의 URL에 어떠한 영향도 미치지 않게 URL을 변경하기 않고 화면만 바꿀 때는 Navigator 예시 ) 회원가입 step
웹 유저가 바로 이동해도 되는 URL이면 GoRouter

2-5 Navigator 메서드

push / pushNamed / pushPeplacement / pushReplacementNamed / pop / popUntil 이 있다

flutter Navigator 메서드

Navigator 메서드 1) Push 새로운 화면을 스택에 추가한다. 새 화면을 현재 화면 위에 푸시하여 사용자가 새 화면을 볼 수 있게 한다 Navigator.of(context).push(route) Navigator.of(context).push(MaterialPageRoute(builder:

252-archive.tistory.com

2-6 EmailForm 유효성 체크

flutter TextField를 이용한 Email Form 유효성 체크

1. TextFiild 작성 TextField( keyboardType: TextInputType.emailAddress, autocorrect: false, onEditingComplete: _onSubmit, controller: _emailcontroller, cursorColor: Theme.of(context).primaryColor, decoration: InputDecoration( hintText: "Email", errorText: