본문 바로가기
반응형

패스트캠퍼스/자습58

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.
우아한 테크 코스 2일차 정리 - 함수도 값이다. 그래서 변수에 할당 하는게 가능하다. --> 자바스크립트는 거의 모든게 값이다. 자바스크립트의 함수는 값을 반환하게 되어있다. 반환 방법 : 명시적으로 return을 쓰거나 undefined를 반환 fuction foo() { return 0; } 함수정의문 const bar = function bar() { }; 함수 표현식 bar(); => 위에서 앞쪽 bar이다. (안쪽 bar()는 모름, bar이란 이름은 생략 가능) (function() { })() : 앱이 실행될 때 한번만 실행됨, 즉시실행함수 function foo(x) { x(); return function() { }; } const y = foo(function() { }) 형태도 중요하다. 원래 형태와 다른 모습을.. 2020. 9. 3.
반응형

티스토리툴바