App 13

Safari에서 new Date(), Date.parse 오류

1. 웹뷰 개발시 IOS에서 Javascript의 기본 Date 사용시 주의할 점 new Date(year, month, day, hour, min, sec) 방법으로 사용해야한다! https://velog.io/@yeoj1n/safari-%EC%97%90%EC%84%9C-new-Date-%EC%82%AC%EC%9A%A9%EC%8B%9C-Invalid-Date-%ED%98%84%EC%83%81 safari 에서 new Date() 사용시 Invalid Date 현상 현재 웹뷰로 개발 중인 프로젝트에서 날짜 계산 도중 android에는 정상적으로 동작하나 ios에서 계산이 되지 않는 이슈사항이 발생했다.javascript 의 기본 Date객체를 사용하고 있었는데 new Date(yyyy-mm- velog.io

App/WebView 2022.11.30

WebView Interface(안드로이드)

1. 웹뷰(WebView)란? 웹뷰란 쉽게 말해서 앱 안에 HTML iframe을 넣어놓은 것이다. 다시 말해, 웹뷰는 앱 내에 웹 브라우저를 넣는 것이다. 웹뷰는 HTML 기반인 만큼 앱보다 반응성이 약하고, 애니메이션 등의 다양한 UI 효과를 넣기 어렵다. 2. 안드로이드 -> 자바스크립트 호출 case1) React.js Vue.js같은 컴포넌트 기반의 SPA 방식으로 개발 된 웹 프론트에서 컴포넌트 라이프 사이클에 맞춰 이벤트 리스너를 추가, 삭제 하는 방식 1. Front side( 자바스크립트 영역 ) 네이티브에서 호출하기 위한 함수를 CustomEvent로 만들고 window.함수명으로 할당 useEffect(() => { window.sayHello = new CustomEvent("Nat..

App/WebView 2022.10.31

Null Safety, setState()

0. 의미 1) 모든 변수는 null이 될 수 없으며, non-nullable 변수에는 null값을 할당할 수 없다. 2) non-nullable 변수를 위한 null check가 필요 없음 3) Class 내의 변수는 반드시 선언과 동시에 초기화를 시켜야 한다. class Person { String name; String nameChange(String name) { this.name = name; return name.toUpperCase(); } } void main() { Person p = Person(); print(p.nameChange(p.name)); } /// nullSafety class Person { String? name; // null값이 할당될 수 있다는 것 // late ..

App/Flutter 2022.09.12

pubspec.yaml, analysis_options.yaml

1. pubspec.yaml https://changjoopark.medium.com/%ED%94%8C%EB%9F%AC%ED%84%B0-flutter-%EC%9D%98-pubspec-yaml-ffa40b26296a 플러터(Flutter)의 pubspec.yaml 플러터 프로젝트를 새로 만들면 pubspec.yaml 파일을 볼 수 있습니다. Node.js의 package.json과 같은 패키지 의존성 관리 및 프로젝트 정의 등의 역할을 갖습니다. changjoopark.medium.com 2. analysis_options.yaml의 역할? You can customize static analysis to look for a variety of potential problems, including erro..

App/Flutter 2022.09.02

Flutter 기본 위젯 4가지 & 레이아웃 & stateful 위젯 vs. stateless 위젯

위젯들 1. 글자 위젯 Text(''") 2. 이미지 위젯 Image.asset('경로~~') return MaterialApp( home: Image.asset('assets/dog.png') ); 3. 아이콘 위젯 Icon 4. 박스 위젯 return MaterialApp( home: Container( width: 50, height: 50, color: Colors.blue ) ); return MaterialApp( home: Center( child: Container( width: 50, height: 50, color: Colors.blue ) ); Center() : 내 자식 위젯의 기준점을 중앙으로 설정해주는 것 5. 버튼 셋 중 하나 쓰면 된다. TextButton() IconButt..

App/Flutter 2022.08.26