[RN.개발일지] 7. 자바스크립트 복습3 1초당 1번씩 짖는 강아지를 코딩해봤다. 둘다 5초동안 1초에 1번씩 짖으라고 했지만 첫번째 강아지는 4번만 짖었다! 오마이갓! 첫번째 강아지. 5번째 짖는 동시에 클리어되버리는 이슈 ㅠㅠ. 물론 5001 이라는 숫자를 쓰면 되겠지만다른 방법으로 5번 짖는 방법을 o1에게 물어봤다. 두번째 강아지이렇게 하면 5번째 짖고나서 클리어 된다! 그리고 두번째 강아지에서 재밌는걸 발견했다. class 객체 안에서 this.count = 0;let count = 0;의 차이점을 알았다. let은 함수 안에서만 사용가능한 로컬 변수이고,this는 전역으로 함수를 넘나들 수 있다는 사실! let(로컬변수)은 계산용 변수나 카운트 처럼 일시적으로 사용하고 없어지고,this는 클래스가 살아있는 한 유지되므로 객체.. 2024. 12. 21. [RN.개발일지] 6. 자바스크립트 복습2 바로실행되는 함수와 특정시점에 호출되는 함수 비교매초마다 짖다가 5초후에 종료하기 전원켜주면 poweron 하고행동하게 하면 집을 청소하는 로봇 2024. 12. 20. [RN.개발일지] 5. 자바스크립트 복습 유데미 강좌를 듣다가 기본에 충실해야겠다는 생각이 들었다. 옛날 생각하면서 자바스크립트 복습! 객체와 배열 배열을 돌리는 방법 (for문과 화살표함수) 콜백함수 실행하기 (화살표함수의 this 사용 사례1) 3초짜리 타이머 만들기 (화살표함수의 this 사용사례2) 1초후에 내이름(heesangs) 부르기 2024. 12. 18. [RN.개발일지] 4일차 GUIDE 문서 이해 04 개발 공부 내용 2024. 11. 16. [RN.개발일지] 3일차 GUIDE 문서 이해 03 실제 실습예정 2024. 11. 14. [RN.개발일지] 2일차 GUIDE 문서 이해 01 무엇부터 시작해야될까 고민하다가 01. GUIDE 문서부터 이해해보기로 했다. (이밖에도 2.컴포넌트, 3.API, 4.아키텍쳐 문서가 추가적으로 있다.) https://reactnative.dev/docs/0.74/getting-started Introduction · React NativeThis helpful guide lays out the prerequisites for learning React Native, using these docs, and setting up your environment.reactnative.dev GUIDE총 15개의 큰 대제목이 있는데 해당 내용은 다음과 같다. 기초 및 설정 1. The Basics - 기본React Native의 기초 개념과 기본 컴포넌트들에.. 2024. 11. 12. [RN.개발일지] 1일차. 환경설정과 초기세팅 RN 환경 설정과 초기 세팅기본설치 1. Homebrew 설치Mac에서 필요한 패키지를 쉽게 설치하도록 도와주는 툴/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 2. Node.js와 npm 설치리액트는 Node 기반. Node.js를 설치하면 npm 자동 설치. 이것을 통해 리액트네이티브 CLI설치 혹은 라이브러리 설치 가능.brew install node 3. JDK 설치 (Android 개발을 위한 필수 설정)안드로이드 프로젝트의 컴파일과 관련된 여러 작업에 사용brew install --cask adoptopenjdk 4. React Native CLI 설치프로젝트를 쉽게 생.. 2024. 11. 10. 웹팩 :: webpack webpack 이란 webpack은 무엇일까? 서로 연관관계가 있는 웹 자원들을 js, css, img 같은 정적인 자원으로 변환해주는 모듈 번들러. 웹페이지에서 잘 돌아가도록 최적화 시켜주고 성능을 올려줌. 번들링이란 C언어가 컴파일 하는것과 비슷하게 필요한 부분들을 묶어주는 역활을 하는것이라 볼 수 있다. 즉 파일을 분류하고 정리하고 실행하는 기준을 만들어주는것이 webpack 이다. webpack없이 글로벌 환경으로 개발시 문제점. html에서 글로벌 환경으로 를 로딩 (asp, jsp 같은 서버사이드 랜더링 방식)하는 서버사이드 랜더링의 문제점을 해결. 예) jquery $변수는 다른 라이브러리에도 사용됨으로 충돌가능 로딩순서에 의존성. 예) jquery를 먼저로딩하고 jquery-ui를 로딩해야.. 2020. 10. 27. Package.json :: 패키지 버전정보 Package.json npm init 으로 폴더를 초기화 하면 Package.json이라는 파일이 생성된다. 간단하게 한번 알아보자. 이녀석이 뭐하는 녀석인지. pakckage.json을 간단히 나누어보면 크게 2가지 항목으로 나뉘어 볼 수 있는데 1. 프로젝트 정보 2. 패키지 정보 로 나눌 수 있다. 프로젝트 정보는 1. 프로젝트 명은 무엇인지. 2. 버전은 무엇인지, 3. 관련된 정보(모듈패키지)에는 어떤게 있는지. 4. 제작자는 누구고 깃 주소는 어떻게 되는지. 5. 사용방법은 어떻게 되는지. 패키지 정보는 6. 사용중인 패키지의 버전정보는 무엇인지 7. 일반적인 패키지와 8. 개발할때 사용했던 패키지 (실제 배포할때는 필요없는 웹팩이나, 바벨등) 등을 모두 확인할 수 있다. package.js.. 2020. 10. 20. 이전 1 2 다음
