![]()
1) 개요 플러터를 입문한 지 어느덧 3년 차가 되어간다. 그동안 상태관리툴로써 Provider를 가장 많이 사용해 왔었지만 언젠가는 Deprecated 된다는 Provider의 창시자의 말에 충격을 받게 되었다. 다른 상태관리툴을 익혀야 될 때가 된 것 같아 알아보던 도중 GetX와 BLoC에 눈을 들이게 되었는데 GetX의 경우엔 10개월째 패키지 업데이트가 이뤄지지 않고 있고 BLoC패턴의 경우는 간단한 프로젝에 어울리지 않으며 난이도가 어렵기 때문에 마지막으로 Provider의 계승자인 RiverPod을 알게 되었다. RiverPod 은 Provider의 철자에서 순서만 바뀐 단어이며 Provider에서 컴파일러 중에 발생하는 오류, 여러 문제점들을 최대한 개선하여 RiverPod으로 배포가 되었..
최근에 토이프로젝트로 진행 중인 Flutter Web 사이트의 버전을 바꾸게 될 일이 생겨 업데이트를 하려 하는데 문제가 생겼다. 최신버전을 반영한 이후 Flutter web의 빌드파일을 서버에 적용을 한 후 접속을 해보는데 캐시 된 이전 페이지가 그대로 보이는 것이다. 문제를 확인해 보니 플러터 웹은 main.dart.js를 가져오게 되는데 이 파일은 자바스크립트 파일이다 보니 갱신을 하려면 쿼리를 파라미터를 추가하여 버전을 올려줘야 신규 main.dart.js를 웹브라우저에서 인식을 하고 가져오는 것이다. 그럼 해결방법을 적어보도록 하겠다. 1.Flutter Web을 빌드한다 (flutter build web --web-renderer canvaskit --release) 2. 이후 빌드된 폴더에 이..
Node JS에서 디렉터리나 파일 관련 작업을 진행하기 위해서는 거의 대부분 path 모듈이 필수적으로 사용된다. 노드 기본 조작으로 현재 위치정보에 대해 표시를 할 수 있지만 윈도우OS 와 유닉스기반 OS의 디렉터리 표시 타입부터가 차이가 난다. 윈도우 : C:\Users\MyCom\test.js 유닉스기반 : /home/mycom/test.js 윈도우의 경우는 \ 유닉스기반의 경우는 / 를 사용하기 때문에 매번 개발자가 고생을 해가며 OS별 경로 관련 기능을 구현하는데 애를 먹어야 한다. path 모듈은 이러한 고증을 쉽게 해결해 줄 뿐 아니라 다양하고 편리한 기능들을 제공하고 있다. path.sep : 현재 OS가 경로를 표시하는 데 사용하는 구분자 (윈도우는 \, 유닉스는 / 가 될 것이다.) e..
Node js를 통해 테스트를 진행하던 중 callback을 강제로 써야 되는 경우가 발생했다. async/awiat 또는 promise에 익숙해져 있던 탓에 callback을 계속 쓰다 보면 헷갈리는 경우가 많은데 callback을 promise 처럼 바꿔서 async/await 패턴을 사용하는 방법이 있다. 아래의 예를 먼저 확인해보자. const timeoutTest = async()=>{ console.log('0초'); await new Promise((resolve,reject)=>setTimeout(()=>resolve(),5000)); //5초 대기 console.log('5초'); } timeoutTest(); //결과: //0초 //5초 (5초뒤에 출력) 우선 new Promise라는 ..
1. 네트워크 관련 명령어 ping : 네트워크의 핑을 확인 -c : 요청하고 싶은 수 -i : 초 -s : 패킷크기 ex) ping -c 5 -s 64 192.168.0.10 traceroute : 추적하고 싶은 목적지까지 가는 경로를 표시하여 패킷 전송 지역을 측정하거나 목적지까지 가는 경로의 문제 발생 시 위치파악이 가능. tracert와 비슷 (yum install traceroute로 별도로 설치를 해야 함) nslookup : 도메인명으로 IP를 조회하거나 IP로 도메인을 조회하는 명령어 (yum install bind-utils로 설치필요) ex) nslookup naver.com dig : domain information groper의 약자로 nslookup과 유사한 기능을 가졌다. ho..
1. 텍스트 파일 관련 명령어 cat : 파일의 내용을 미리 보기 형식으로 출력 (수정불가) -b : 비어있는 행을 포함하지 않고 줄 번호를 붙여서 출력 - n : 비어있는 행을 포함하여 줄 번호를 붙여서 출력 tail : 텍스트 파일의 지정한 뒷부분의 파일을 출력 -숫자 : 표시할 마지막 부분의 개수 more : 파일을 화면 단위로 끊어서 출력한다. - 숫자 : 한 페이지에 표시할 라인 수 less : more 보다 더 확장된 기능을 제공한다. grep : 파일에서 특정한 문자열 또는 정규 표현식의 단어를 찾는다 -n : 라인 수 출력 ex) grep -n 'sys' text_file.txt ex) grep '^a' text_file.txt (a로 시작하는 부분을 찾는다) wc : 파일의 라인의 개수,..
