coding etude

0. Bloc를 사용하는 이유와 핵심 컨셉bloc를 사용하는 이유는 무엇일까..?최근 clean architecture 를 사용다면서 확실하게 presentation과 로직을 분리하고 있는데bloc을 사용하면  clean architecture에 어울리는 상태관리가 되지 않을까 하는 생가에서 부터 시작됐다. 물론 공식문서에 너무 잘 나와 있지만 처음 적용할 때는 꽤나 복잡하고 손이 많이 가고.. 특히 stream의 개념을 이해하고 구조를 만들어야 하는것이 힘들었다. 단순하게 가져다 쓰는게 아니라 데이터의 흐름과 ux를 고려한 구조를 내가 직접 만들고 구현해야 한다는 느낌? 뭐 지나서 생각해본다면 생각보다 당연한 구현을 문서를 통해서 봤을때 막연히 어렵다고 느꼈던것 같다. 우선 bloc에는 cubit과 b..

소스코드나 권한값의 오류는 아니다. ios simulator 환경설정만 변경해 주면 된다. ios simulator 를 오픈한다음 최상단 설정바에서 I/O > keyborad > connect hardwear keyborad를 선택해 주면자체적인 키보드를 사용하게 되어서 해결. 기존에는 mac의 키보드를 사용하게 셋팅 되어 있다. 끝.

webview controller 를 설정하면서 javascriptMode를 활성화 해주는 옵션을 넣어주면 해결 된다. _controller = WebViewController.fromPlatformCreationParams(params) ..setJavaScriptMode(JavaScriptMode.unrestricted); 끝.

안드로이드 권한 설정을 해주면 간단하게 해결되는 오류이다. android > app > src > main > androidManifest.xml 파일을 열고 마지막 줄에 있는 android:usesCleartextTraffic="true" 를 넣어주고 저장 후 실행하면 해결. 끝.

ReactJs, NextJs, Recoil을 기반으로 작업중 발생한 에러로 Hydration failed because the initial UI does not match what was rendered on the server. Warning: Expected server HTML to contain a matching {children} ); 위 코드 처럼 html은 테그 내에 모든 내용이 담겨야 하는데 그 순서가 잘못 되어서 header가 랜더링 되지 못했던 정말 가장 단순하고 멍청한 실수였다.. 그래서 나온 결론은 해당오류가 발생하는 지점의 html 코드에 무언가 분명 실수가 존재한다는 것이다. 예를 들어 이렇게 사용할 수 없는 테그들이 발생하거나 이런식의 테그 내에 공백이 발생 한다거나 하게 ..

firebase config 설정 후 const firebaseConfig = { apiKey: process.env.NEXT_PUBLIC_FIREBASE_apiKey, authDomain: process.env.NEXT_PUBLIC_FIREBASE_uthDomain, projectId: process.env.NEXT_PUBLIC_FIREBASE_projectId, storageBucket: process.env.NEXT_PUBLIC_FIREBASE_storageBucket, messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_messagingSenderId, appId: process.env.NEXT_PUBLIC_FIREBASE_appId, measurement..

react에서 firebase config를 설정하면서 .env에 firebase sdk 설정값을 저장해 두고 사용하려고 하는데 값이 계속 설정이 안되는 문제가 발생 했다. FirebaseError: Firebase: Error (auth/invalid-api-key). 보통 react에서 .env 를 사용할 떄는 REACT_APP 을 꼭 붙여야 인식이 된다고 알고 있지만 NextJs에서는 NEXT_PUBLIC으로 사용해야 한다. //일반 reactJS const firebaseConfig = { apiKey: process.env.REACT_APP_apiKey, }; // NextJS 사용 시 const firebaseConfig = { apiKey: process.env.NEXT_PUBLIC_FIRE..

javascript 의 배열에 값을 넣고 빼기 위해서는 shift, unshift, push, pop를 주로 사용한다. 하지만 순차적으로 제거 및 추가가 되기 때문에 특정 값을 삭제 하기 위해서는 다른 언어처럼 .remove(index) 기능이 없기 때문에 다른 메소드를 사용해야 한다. 처음에는 array.splice 를 사용했다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice Array.prototype.splice() - JavaScript | MDN splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다. developer.moz..