Dart에서 자주 쓴 Optional 간만에 글을 남긴다. 최근 마와셀 앱 업데이트 후 와인 정보를 위해 웹쪽을 다시 개발하고 있다. 코로나 걸려서 잠시 쉬다가, 침대에서 빈둥거리기도 시간이 아까워서 누워있다가, 옵시디언에 정리해둔 내용을 올려둔다. 웹(Typescript)을 개발하다가 앱(Dart)로 넘어갔을 때 Typescript와 매우 흡사해서 바로 사용하는데 큰 문제는 없었다. 그 중 Dart의 유용한 기능 중 하나가 옵셔널(Optional)이었다. Dart의 경우 버전이 올라가면서 Null-Safe한 특성이 추가되었는데, 아래와 같이 사용된다. 그렇다. 이 기능은 Typescript에도 존재하는 기능이다. Javascript를 사용할 때는 뭐 그냥 null이던 undefined던 타입 체킹을 안하고, 무식하게(?) 그냥 쓰기에 볼 일이 없지만, Typescript를 사용한다면 타입 명시가 중요하다. 근데 사용하다 보면 특정 값의 속성이 있어도, 없어도 무관한 값이 있다. …

반복문에서 비동기를… 최근 개발 일정 및 개인 사정으로 인해 포스팅을 전혀 하지 못했다. 네이버 블로그는 일상이나 가벼운 소재라서 막 쓸수 있지만 개발 블로그는… 아무렇게나 막 싸지르는 공간도 아니고, 다른 예제 복붙하는거는 정말 싫어해서… 그래서 더 미루지 않았나 싶다. ㅎㅎ 흑우집합소 패치 내역이나 개발한 걸 TIL 쪽에 올리려다가 이제는 따로 카테고리를 빼야 할 듯 싶다. 이것도 많이 밀렸는데 언제 적는지… 무튼… 평화롭게(?) 개발을 하다가 반복문을 사용하면서 비동기 처리하다가 조금 막힌 부분이 있었다. 이번 포스팅에서는 그 문제, 그리고 조사, 해결방법을 공유하고자 포스팅을 남겨본다. 반복문에서 비동기를 쓸 때 일반적으로 반복문 내에서 비동기 처리를 하는 경우는 드물게 있다. 예를 들어 특정 파라메터를 가지는 url의 데이터를 크롤링하거나, 데이터베이스에서 순차적으로 뽑아오는등… 몇 가지 케이스가 있다. 근데 while이나 for 등과 같은 고전파 방식인 반복 순회에서는 …

Typescript Playground가 필요하다 Typescript로 개발을 하다가 뭔가 특정 기능(프로젝트와 무관한)을 테스트 해보고 싶은데, 이걸 매번 진행하는 프로젝트 내에서 테스트하기가 좀 불편했다. 물론 타입스크립트 온라인 플레이그라운드가 있긴 했지만 내 로컬에서 도는 것이 필요했다. 그래서 하나 만들면서 미래의 내가 또 잊을까봐 기록을 남겨둔다. 참고로 특이 사항 및 환경은 아래와 같다. Mac OS, VSCode 사용 npm이나 yarn 설치 가정 typescript를 전역 설치가 아닌 프로젝트 내에서만 사용하게끔 처리 1. 폴더 생성 및 초기화 먼저 디렉토리를 적당한 곳에 하나 만들어주고, 다음과 같이 명령어를 통해 초기화 해준다. 그리고 typescript를 설치해준다. 여기까지 하면 프로젝트 내에 tsconfig.json 파일이 생성되었을 것이다. 이 파일은 typescript의 전반적인 설정을 다루는 파일인데 파일을 열면 아래와 같이 기본 설정 값 및 설명…

배열 합치기(?) 프로젝트를 진행하다가 배열을 좀 다룰 일이 있어서 찾아봤다. 그냥 안써두면 까먹을거 같아서 기록해둔다. 방법은 여러가지가 있는데 하나씩 적어둔다 1. concat 함수 이용 …연산자 (Spread Operator)를 활용 Push 함수 활용 (with …연산자) 단 여기서 …연산자를 뺄 경우 배열 자체가 추가가 된다. 즉 결과물이 아래와 같이 나오게 된다. 1. concat 함수 이용 …연산자 (Spread Operator)를 활용 Push 함수 활용 (with …연산자)