javascript(72)
-
React native 프로젝트 만들기(expo x)
1. react-native cli 설치 npm install -g react-native-cli 2. react-nativce 프로젝트 만들기 react-native init projectname 3. 프로젝트 실행 ios를 실행시키고 싶으면 아래의 Run instructions for ios를 실행시킨다. android는 Run instructions fo Android를 실행시킨다. * 처음 설정 할 때 만났던 오류들 * error Error: Failed to install CocoaPods dependencies for iOS project, which is required by this template. 위 오류를 해결하기 위해서 ios 폴더로 이동하여 아래의 명령어를 입력하면 된다. sudo..
2020.04.01 -
vanilla.js - redux
react를 통해 redux를 사용하면 action, reducer들을 설정해주었는데 vanilla.js라고 특별하게 다른 점은 없었다. 그러나 connect로 연결해주어 dispatch, state를 가져오는 것이 아닌 store의 특별한 함수를 통해서 가져온다. 이를 정리 해보겠다. 기존 웹팩 설정을 해주기 귀찮아서 아래의 명령어로 react app을 만들어 주었습니다. yarn add create react-app 폴더 이름 yarn add redux src안에 있는 기타 파일들을 삭제해주었습니다. 안쓸거니깐요! redux 위의 gif를 보면 redux가 있을때와 없을 때의 차이를 확인할 수 있다. 1) without Redux 리덕스가 없으면 스테이트가 변경시 하나하나 거쳐서 변경이 됩니다. 2)..
2020.03.13 -
socket io사용하기
socket.io사용하기 http통신을 할 떄도 socket이 열리기는 하지만 한번 주고 받고 바로 연결이 끊기게 된다. 그래서 자기가 지속적인 통신이 필요하게 된다면 socket.io를 사용하면된다. 이번 네트워크 과제를 하면서 socket io를 사용할 필요가 생겼다. 그래서 예전부터 가끔 사용해왔지만 이번에 완전히 정리하려고 한다. 설치 나는 보통 npm보다는 yarn을 사용한다. 왜냐면 속도가 어느 상황이든 더 빨라서 그렇다. yarn add socket.io npm i socket.io 그럼 설치가 완료되었으면 클라이언트와 간단한 노드 서버를 만들어 보겠다. client import io from "socket.io-client"; const socketClient = io("http://당신의..
2019.04.21 -
expo cli Vs react-native cl
expo cli Vs react-native cli 이전에 expo cli와 react-native cli를 통해 개발 해본적이 있다. 둘을 서로 비교해보려고 한다. expo 장점 ㅇ 일단 배포하기에 너무 편하다. - 매번 배포할 때 마다 검사받아야 하는 것이 아니다. - expo서버에 위치하는 코드만 바꾸어 주면 되 기 때문이다. - update와 배포하는데 훨씬 편하다. ㅇ ios 없이도 expo client와 통해 iphone test 가능 (mac os에서만 가능) ㅇ android studio x-code 없이도 자기가 사용하는 툴을 갖고 개발 가능 ㅇ 빠르고 간단하게 프로젝트 설치 가능 단점 ㅇ java, kotlin, object-c, swift로 추가 작성못하고 이 것으로 작성된 원시 모듈..
2019.04.02 -
React로 ChromeExtension에 빌드하기
React를 ChromeExtension에 빌드하기 예전에 스포츠 정보 알림 같은 Chrome Extension등을 만들어 본적이 있는데 혹시 create-react-app을 사용해서 개발하면 더 편하게 개발 할 수 있지 않을까 해서 찾아보니 진짜로 가능했다. 그래서 온갖 삽질을 하던 중 드디어 만들게 되어서 포스팅 한다. 혹시나 몰라서 github 주소를 올려놓는다. https://github.com/facebook/create-react-app 이런식으로 폴더를 만들고 vsCode를 켜보면 아래와 같은 폴더 구조가 완성됩니다. public 폴더에 들어가보면 저희는 여기서 manifest만 수정할 것이다. public 폴더 안 mainfest 파일안을 아래와 같이 바꾸어준다. { "name": "Get..
2019.03.30 -
javascript 33가지 기본 컨셉: 4. Type Conversion
javascript 33가지 기본 컨셉: 4. Type Conversion 항상 애용하고 있는 노마더코드 니콜라스 선생님이 새로운 강의를 시작하셨는데 나름 흥미가는 주제라 하루에 하나씩( 진짜 특별한 일이 없으면 이를 지킬려고 노력할 것이다.) 포스팅할 것이다. 나도 다른 사람의 강의 혹은 깃을 보고 하는 거라서 url을 첨부해놓는다. youtube: https://www.youtube.com/watch?v=QkFkFqg-J04 git: https://github.com/leonardomso/33-js-concepts javascript는 어떠한 연산이 발생할 때 다른 타입이 있다면 강제로 변환해준다. 예시) 1. int + boolean 신기하게도 숫자랑 연산을 할때는 true는 1 false는 0을 ..
2019.03.26