본문 바로가기
반응형

분류 전체보기135

Flutter 시작하기 - Vscode로 플러터 시작하는방법 - (1) 회사에서 flutter를 스터디하기 위하여 플러터를 시작하기로 하였다. 우선 vscode에서 extension을 설치해주면 쉽게 설치를 할 수 있는데, 아래와같이 검색해서 install을 해준다. 이제 프로젝트를 생성할 수 있다. vscode에서 command + shift + p 를 눌러주면, 상단 위에 창이 하나 뜰것이고, flutter라고 입력해주게되면 New Project가 나올것이다. 그럼 이제 아마도 SDK가 설치되어있지 않으면, 오른쪽 아래쪽에 아래와 같은 메세지가 나올것이다. (혹시나 안뜬다면 이과정은 SKIP) Download SDK를 눌러주면, 웹사이트로 접속이 될 것이고, 본인 환경에 맞는 것으로 설치 나는 MAC이니까 맥으롱 위 사진처럼 역시나 자신의 맥에 맞게 다운로드 해주면되는데.. 2022. 12. 21.
(프로그래머스)2021 Dev-Matching: 웹 프론트엔드 개발자(상반기) 후기 2021 Dev-Matching: 웹 프론트엔드 개발자(상반기) 후기를 작성해보려고한다. 요즘 글을 올린적이 없었기에, 한번 다시 그날의 기억을 끄집어내어서 한번 적어보려고한다. 3월 6일 토요일에 오후 1시부터 4시까지 3시간 동안의 시험을 치뤘다. -후기 시작전에(그날의 기억..)- 사실 나는 회사에서 React+Typescript 를 기반으로 개발을 하다보니까, 바닐라 자바스크립트가 생소하게 느껴졌다... 너무나도 바닐라를 안쓰다보니까 사소한 문법도 까먹고, 얼핏 기억이 나서 구글링을 조금 했었다. ㅎㅎ 그래도 구글링해서 한번두번 보다보니까 잊었던 기억들이 새록새록 피어나면서 술술 풀리기 시작했다. (데브매칭은 인터넷검색 가능합니다 ^^) 아 항상 코테만 보다가, 과제전형을 처음으로 접해보는 것이어.. 2021. 3. 29.
세상 쉬운 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.
반응형

티스토리툴바