본문 바로가기
728x90
반응형

프로그래밍58

리액트 - 셀프 개발자 코딩 부트캠프 리액트 페이스북(메타)에서 개발한 View 만을 위한 라이브러리. Virtual DOM(VDOM) 메모리에 가상의 DOM을 만들고 실제 DOM과 동기화. DOM 업데이트를 추상화함으로써 DOM 처리 횟수를 최소화. 데이터를 업데이트 하면 전체 UI를 VDOM에 리렌더링 -> 이전 VDOM과 비교하고 변한 부분만 DOM에 적용. 리액트는 View만 신경쓰기 때문에 라우팅, 상태관리, Ajax처리같은건 다른 라이브러리의 도움을 받아야 한다. Yarn yarn이 npm에 비해 더 빠르고 보안성이 좋다고 한다. 고양이 아이콘이 귀엽다. # yarn 설치 $npm install --global yarn # 리액트 에디터 아무거나 사용해도 상관 없지만 VS Code추천 : 맥, 윈도우 모두 지원하기 때문에 좋다. .. 2022. 3. 6.
셀프 코딩 부트캠프 - 리액트 최근 1인 개발을 해보려고 리액트 공부를 시작했습니다. 앱이나 서비스를 만들려면 리액트를 공부하는 게 가장 적합해 보였습니다. 아직 뭘 만들지는 좀 고민 중이지만 개발하는 중간과정들을 블로그에 공유할 예정입니다. 아마 아주 간단한 것부터 연습겸 제작해볼 예정입니다. 진정한 앱테크의 길로… 리액트 react js, react native, node.js 가 자바스크립트를 사용하기 때문에 한번 익숙해지면 풀 스택도 가능할 것 같았습니다. 코드도 공유해서 사용할 수 있고요. 자바스크립트가 타입을 명시하지 않아도 되기 때문에 편한 점들도 있겠지만 저는 불편했습니다. 개인적으로 버그 찾기가 힘든 듯.. 그 문제는 타입 스크립트를 공부하면 해결될 것 같았습니다. react js, react native는 개발 방법.. 2022. 2. 27.
깃허브(github) 클라이언트 추천 깃허브에 소스코드를 올리거나 내리려면 커맨드 라인에서 명령어들을 입력해야 합니다. push ,pull, merge 등등 많이 있는데 저는 UI가 있는 프로그램을 선호합니다. 그중에서 가장 편하게 사용했던 클라이언트는 Fork입니다. 깃허브에서도 깃허브 데스크탑을 제공하긴 하지만 개인적 의견으로는 구린것 같습니다. Fork는 https://git-fork.com/ 에서 다운로드할 수 있습니다. 가격이 쓰여있긴 한데 무료로 사용할 수 있습니다. 깃허브에 Repo를 만들어서 Clone 해보겠습니다. 대충 이름을 지어주고 생성합니다. 완료! Fork를 실행하고 File -> Clone 을 합니다. 깃허브 아이디를 추가하고 로그인 합니다. 깃랩이나 비트버킷도 로그인 할 수 있습니다. gitea라는 것도 있었네요... 2022. 2. 26.
구글 파이어베이스 호스팅 도메인 연결 얼마 전에 구글에서 구입한 도메인을 파이어베이스 호스팅에 연결해 보겠습니다. https://jinibh.tistory.com/631 구글 무료 호스팅 사용하기 - 파이어베이스 리액트 공부하면서 어디 공짜로 올려볼 곳 없나 찾아보다가 파이어 베이스를 발견했습니다. HTML, CSS, 자바스크립트 등을 올릴 수 있고 Cloud Functions를 이용해서 백앤드도 어느 정 jinibh.tistory.com https://jinibh.tistory.com/630 구글 도메인 구입 한국에서 도메인을 구입하려면 후이즈, 닷네임 같은 곳에서 구입할 수 있습니다. 구글에서도 도메인을 구입할 수 있습니다. 구글 아이디에서 도메인을 관리하면 편하기 때문에 jinibh.tistory.com 콘솔에서 hosting에 들어간.. 2022. 2. 26.
구글 무료 호스팅 사용하기 - 파이어베이스 리액트 공부하면서 어디 공짜로 올려볼 곳 없나 찾아보다가 파이어 베이스를 발견했습니다. HTML, CSS, 자바스크립트 등을 올릴 수 있고 Cloud Functions를 이용해서 백앤드도 어느 정도 가능한 것 같았습니다. 좋은지 구린지는 모르겠지만… 뭐 안 좋으면 이사하면 되니까.. 어느정도까지는 무료로 사용 가능합니다. 그 이후부터는 유료. https://console.firebase.google.com/u/0/ 에 접속해서 프로젝트를 만들어 줍니다. Hosting 시작하기 npm 으로 설치하면 된다고 합니다. npm install -g firebase-tools firebase login 웹 브라우저가 열리면서 인증을 합니다. firebase init 일단 배포 해봅시다. https://snowcav.. 2022. 2. 24.
뱀파이어 서바이벌 게임하기 최근 유튜브, 트위치에서 뱀파이어 서바이벌이라는 로그라이크 게임이 인기몰이 중입니다. 스팀에서 3300원에 팔고 있네요. https://poncle.itch.io/vampire-survivors 에 접속하면 데모를 웹 버전으로 즐길 수 있습니다. 뭔가 해서 찾아보니 javascript로 만들어져 있었습니다. javascript로 만들어져 있으니 치트에는 조금 취약할 듯하네요. pc뿐만 아니라 안드로이드와 같은 모바일 기기에서도 저 주소에 접속하면 즐길 수 있습니다. 테스트해보니 애플 기기에서는 실행이 안됩니다. 실행돼야 정상일 텐데 왜 그런지는 모르겠네요. 제 아이폰에서만 안 되는 걸 수도.. html5 게임 엔진중 하나인 phaser로 제작되었습니다. phaser 트위터에서 자랑스럽게 트윗을 해놨네요... 2022. 2. 16.
728x90
반응형