TIL

코딩을 하다보면 배열을 통해 더미 데이터를 만들어서 테스트를 해야할 경우가 있다. 이때, 데이터를 역순으로 정렬하는 것이 필요할 때가 있다. 예를 들면, To do List를 만드는데 역순으로 데이터를 보여줄 경우가 생길 수 있다. 이때 역순으로 어떻게 해야할지 생각했

Vue에서는 인스턴스의 데이터 변경을 관찰하고 이에 반응하는 보다 일반적인 watch속성을 제공한다.이 말은 쉽게하면 특정 태그 (input태그, textarea태그)에서 입력할때 변수를 바라보고 있다가 변경될때마다 watch()를 호출한다.ex) 입력이 되고 있을때

Javascript로 기능을 짜다보면 확인이 안되는 경우가 많이 있다. 그때 사용하는 것이을 많이들 사용한다. 그 외에도 alert로 경고창을 띄울수도 있다.이 두개를 가장 많이 쓴다.

Javascript의 특징 중 하나는 비동기적 프로그래밍일 것이다. 비동기적 처리란 기다리지 않고 바로 실행한다고 해석할 수 있다.따라서 기다림이 필요한 코드들도 있을 것이다. 그래서 setTimeout()이라는 함수를 써서 시간차를 줄 수 있는데, setTimeout

참고 : https://www.npmjs.com/package/vue-momentjsvue를 사용하다보니 날짜를 계산 해야하는 것이 나왔다. javascript에서는 moment.js 를 가장 많이 쓴다.vue-moment , moment, 다 써보다가 포기하

vue로 웹을 만들다보면 api를 호출할 일이 생기기 마련이다. frontend와 backend api server 도메인이 다르다면, CORS문제도 생기게 된다. proxy 를 설정해줌으로써 local에서만 문제를 해결할 수 있다. vue.config.js 부분에코드

사용자에게 입력을 받는 폼을 만들다보면 띄어쓰기 와 enter(개행)는 사용자가 입력하지 않은것으로 간주하고 싶을 때가 있다.띄어쓰기를 여러번 입력한 것을 출력할때 그냥 출력하면 띄어쓰기도 같이 출력이 된다.이때 trim()함수를 javascript에서 제공해준다.vu

CSS3111: @font-face encountered unknown error. https://www.jsdelivr.com/ @font-face에 알 수 없는 오류가 발생했습니다 IE11에서 이러한 에러가 났다. 네이버에서 제공하는 '나눔바른고딕'을 웹폰트로

imageAndroid를 클릭한다.imageimageAndroid 패키지 이름 \-> android > app > src > main > AndroidMainiFest.xml 파일 안에 패키지 이름을 가져온다.디버그 서명 인증서 SHA-1\-> 맥 기준 : keytoo

var / dynamic final / const List Map, ... method is class 비동기

해결 : https://stackoverflow.com/questions/55596988/flutter-facebook-login-cocoapods-dependency-errorPodfile 에서 paltform : ios, '9.0' 을 platform :

카카오를 통해 로그인을 하고자 한다. https://pub.dev/packages/kakaofluttersdk 카카오에서 공식적으로 관리하는 SDK를 이용해보자! 🌈 kakaofluttersdk 플러그인을 설치 flutter 프로젝트에서 pubspec.yaml

kakao_flutter_sdk를 이용해서 안드로이드에서 접근하는 방법.https://github.com/kakao/kakao_flutter_sdk여기서 보면 좀 자세히 나와있다.우선, image패키지명은 FlutterProject > android > app

아이폰에서 왼쪽에서 오른쪽으로 Swipe했을때 뒤로가기 방지하는 법.해당 스크린에서 Scaffold를 WillPopScope 로 묶어준다.onWillPop 속성을 이용한다.

https://pub.dev/packages/provider✓ Provider가 v.3.x.x 버전에서 4.x.x로 넘어오면서 많이 바뀌었다.Provider를 pubspec.yaml 에 설치한다.Installimport 한다.플러터를 처음 설치하면 생기는 Co

statusBar를 다크모드에 따라 흰색, 검정색으로 설정하는 방법.appBar에서 brightness로 설정 해주면 된다.더 상단의 MaterialApp에서 appBarTheme 속성을 이용해 설정한다.참고 : https://stackoverflow.com/

Javascript로 기능을 짜다보면 확인이 안되는 경우가 많이 있다. 그때 사용하는 것이 을 많이들 사용한다. 그 외에도 alert로 경고창을 띄울수도 있다. 1.Alert() 경고창 2.Confirm() 확인/취소창 이 두개를 가장 많이 쓴다.

Navigator.of(context).pop(true) SystemNavigator.pop() // 앱 종료 exit(0) //강제종료

app Icon을 자동으로 만들어 주는 페이지에서 (https://appicon.co/)이미지를 추가한 후, 앱을 등록하려고 validate 검사를 했는데 오류가 발생했다.imageApp Store Connect Operation Error Invalid Ap

앱 테스트🌿 Unit Test : 단위 기능, 방법 또는 클래스를 테스트. (가장 작은 단위의 테스트)🍎 Widget Test : 단일 위젯을 테스트. (컴포넌트 테스트)🌲 Integration Test : 완성된 앱이나 앱의 상당 부분을 테스트단위기능, 방법 또

WidgetTest code를 작성하는데 에러가 발생하였다.❌ 이렇게만 작성을 했는데 에러가 발생했다. 에러가 발생한 이유는, AppSplashScreen()안에 provider가 적용되어져 있었기 때문이다.로그를 보면,이렇게 에러가 났다. 여기서 주의해서 볼 점은im

✅ TestCode 우선 Provider 를 이용해서 Counter app 을 구현했다. 앱의 구조는 아래와 캡쳐 사진과 같이 구조를 짜봤다. image 👨‍💻 lib/main.dart > ✓ MaterialApp 을 ChangeNotifierProvid

Integration Test를 짜다가 아래와 같은 에러를 만났다.👋🏻이를 해결하기 위해 계속 찾아봤지만, 명확하게 "이것 때문이다."라고 하는 답이 없었다. 계속 헤매던 와중에 발견했다.✅ 개발 하던 도중에 Key값을 가져오려고 했다. find.byValueKe