본문 바로가기
반응형

학습정리/자습59

Flutter 시작하기 - Vscode로 플러터 시작하는방법 - (2) 1편에 이어서 쓰는 글입니다. https://sunnykim91.tistory.com/141 Flutter 시작하기 - Vscode로 플러터 시작하는방법 - (1) 회사에서 flutter를 스터디하기 위하여 플러터를 시작하기로 하였다. 우선 vscode에서 extension을 설치해주면 쉽게 설치를 할 수 있는데, 아래와같이 검색해서 install을 해준다. 이제 프로젝트를 생성 sunnykim91.tistory.com 에뮬레이터까지 다운받았으면, 이제 실행을 시켜보는 일만 남았다. mac의 기준 command + shift + p 를 누르면 요렇게 나온다. 여기서 flutter라고 검색하면 Launch Emulator라고 있다 .클릭 ios는 ios 아래 4개는 옆에 조그맣게 표시된것처럼 android.. 2022. 12. 30.
Flutter 시작하기 - Vscode로 플러터 시작하는방법 - (1) 회사에서 flutter를 스터디하기 위하여 플러터를 시작하기로 하였다. 우선 vscode에서 extension을 설치해주면 쉽게 설치를 할 수 있는데, 아래와같이 검색해서 install을 해준다. 이제 프로젝트를 생성할 수 있다. vscode에서 command + shift + p 를 눌러주면, 상단 위에 창이 하나 뜰것이고, flutter라고 입력해주게되면 New Project가 나올것이다. 그럼 이제 아마도 SDK가 설치되어있지 않으면, 오른쪽 아래쪽에 아래와 같은 메세지가 나올것이다. (혹시나 안뜬다면 이과정은 SKIP) Download SDK를 눌러주면, 웹사이트로 접속이 될 것이고, 본인 환경에 맞는 것으로 설치 나는 MAC이니까 맥으롱 위 사진처럼 역시나 자신의 맥에 맞게 다운로드 해주면되는데.. 2022. 12. 21.
세상 쉬운 React로 WebSocket통신해보기 server,client 다 있음!(with TypeScript) 먼저 , WebSocket에 대해서 알아보겠다. (React+Typescript 기반이다.) WebSocket은 양방향 통신이 강점인 기술이다. 흔히 채팅을 예제로 많이들 든다. 거두절미하고, 일단 양방향 통신이라 했으니, Client와 Server 가 필요하겠다. 일단 폴더와 폴더에 들어가보자. mkdir websocketTest cd websocketTest 이후 npm init (node는 기본적으로 깔려있다고 전제한다...) 을 해준뒤 입력하는 부분들은 걍 난 일단 exam이기때문에 다 Enter해주었당! 이후에 server.ts를 생성해주고, 두가지를 설치해줄것이다. npm i ws npm i @types/node 여기까지 따라했다면 한번 입력까지 해보자. // server.ts const We.. 2021. 1. 5.
React MobX 초심으로 돌아가서 공부하기(MobX최신 버전반영/MobX6) MobX 6버전 (2020년 9월 업데이트) 에서 부터 데코레이터 사용하지 않고, makeObservable을 사용하는것으로 권장하는것으로 바뀌었다. 때문에 데코레이터를 아래에서 설정하는 부분은 건너 뛰고 makeObservable을 써서 하는것으로 중간부터 글을 작성할 예정입니다. React를 어느정도 공부하다보면, 빼놓고 생각할 수 없는 한가지. 상태관리! React의 상태관리를 하는 방법은 대다수가 사용하는 redux, mobX , context API 등 이있다. 이 중, 나는 현재 MobX를 사용하고 있다. 하지만, 프로젝트를 약 6개월간 만들었지만, 성능, 재사용성 등을 고려하지 않은채 개발을 하고 mobX의 대략적인 사용법만 안채 개발을 하다보니 원리에 대해서 전혀 알지 못한채 기계적인 개발.. 2020. 12. 15.
반응형

티스토리툴바