[R.N] 숫자 맞추기 게임 내가 1~99사이의 숫자를 입력하면 컴퓨터가 그 숫자를 맞추는 게임이다. 컴퓨터가 숫자 맞추기를 시도할때마다 나는 up. down을 통해 정답에 가까워질 수 있도록 힌트를 준다. 몇번만에 앱이 정답에 도출되었는지도 최종 화면에서 확인가능하다. SPA 방식으로 Screen-component만 구현, (page는 1개) https://github.com/heesangs/miniNumGame/commits/main/ GitHub - heesangs/miniNumGame: programing tutorialprograming tutorial. Contribute to heesangs/miniNumGame development by creating an account on GitHub.github.com .. 2025. 3. 30. [R.N] 기본앱(TodoList) 디자인 테스트 To do list apphttps://github.com/heesangs/reactnative_test/commits/main/ GitHub - heesangs/reactnative_testContribute to heesangs/reactnative_test development by creating an account on GitHub.github.com 25.2.10~11프로젝트 설정 및 간단한 스타일링 테스트 25.2.12textInput 추가 및 flex 적용테스트 25.2.13layout 업데이트 및 useState를 활용한 TextInput 세팅 25.2.18ScrollView 적용 (map 활용) 25.2.19FlatList 업데이트 (data, renderItem) 25.2.20컴포넌트.. 2025. 2. 12. 리액트네이티브 리액트 네이티브 레이아웃 연습뷰와 텍스트 IOS의 경우 status bar와 컨텐츠가 겹치는 이슈가 발생하는데 safe area view 를 통해 문제를 해결할 수 있다. 2025. 2. 7. [RN.개발일지] 14. 폴더 및 파일명의 의미 정리 리액트 네이트브 기본 폴더 및 파일 정리📂 폴더명설명프로젝트 관련 폴더 .bundle번들링 관련 파일들이 저장될 가능성이 있는 폴더 (앱 실행 파일)번들링: 파일들을 하나로 합쳐서 앱이 실행될 수 있도록 만드는 과정..vscodeVisual Studio Code의 프로젝트 설정 파일들이 들어 있는 폴더node_modulesnpm(yarn)으로 설치한 라이브러리들이 저장되는 폴더vendor직접 복사해서 넣은 외부 라이브러리들이 저장되는 폴더 네이티브 코드 폴더 androidReact Native 프로젝트의 Android 네이티브 코드가 들어 있는 폴더iosReact Native 프로젝트의 iOS 네이티브 코드가 들어 있는 폴더local.propertiesAndroid 관련 로컬 환경 설정 파일 (SDK.. 2025. 2. 5. [JS.개발일지] 12. 자바스크립트9 (비동기) 동기와 비동기의 차이 동기 : 순차적으로 실행되는 프로그램비동기 : 특정 시점 (타이머 3초후)에 실행되는 프로그램.I/O 작업시 : 파일 읽기, 쓰기 , 네트워크 요청 등.타이머 : setTimeout, setInterval 등.이벤트 처리 : 클릭이벤트비동기를 다루는 대표적인 방법 1. 콜백함수 2025. 1. 22. [JS.개발일지] 11. 자바스크립트8 (this) this의 조건들이 바뀐다. lexical scope를 사용하기 때문에 함수의 상위 스코프가 정의시점에 평가된다. this 키워드는 바인딩 객체가 생성되는 시점에 결정된다. 2025. 1. 17. [JS.개발일지] 10. 자바스크립트 7(프로토타입 체인. 메모리저장구조) 프로토타입 체인이란?먼저 나누어서 살펴보자.1. 프로토타입은 객체안에 있는 '보이지않는객체'이다. 가장 상위에 Object.prototype이다. 2. 체인은 이 보이지 않는 객체가 연결되어있다는것을 의미한다. 두 단어를 연결해보면객체에 있는 메서드나 속성을 찾기위해 체인에 연결된 객체들을 차례대로 탐색하는것을 프로토타입 체인이라고 한다. 왜 귀찮게 prototype을 쓰는거지? prototype에 메서드나 속성을 추가하는 이유는 메모리 효율성과 재사용성 때문객체 내부에 메서드를 직접 정의하면 객체를 생성할 때마다 메서드가 복제된다.하지만 prototype에 메서드를 정의하면, 모든 인스턴스가 같은 메서드를 공유하여 메모리를 절약할 수 있음.단점 : 메모리는 줄어들지만 더 객체를 더 검색해야하므로 연.. 2025. 1. 13. [JS.개발일지] 9. 자바스크립트 6(프로퍼티 어트리뷰트) 1. 프로퍼티 어트리뷰트.1) 데이터 프로퍼티 : key : value - 일반 프로퍼티2) 엑세서 프로퍼티 : getter setter - 다른 값을 가져오거나 설정하는 프로퍼티 왜 알아야 하는가? 객체안에 프로퍼티를 더 세밀하게 제어할 수 있다. writable : 수정 (true / false) enumerable : 열거configurable : 삭제 가능여부 Object.defineProperty() 함수를 사용하면 해당 속성값을 설정할 수 있고Object.getOwnPropertyDescriptor() 함수를 사용하면 해당 속성값들을 확인할 수 있다. 활용방안1) 라이브러리나 프레임워크 설계시 내부적으로 감춰야하는 속성이나 사용자가 수정하면 곤란한 속성에 제약을 건다.2) 불필요한 프로퍼티.. 2025. 1. 13. [JS.개발일지] 8. 자바스크립트 5(상속) 상속객체들간에 관계를 구축하는 방법 부모클래스는 User이고 자식은 Student, Teacher 이다. 자식은 상속받을때 extends라고 손을 뻗어야 부모로부터 상속받을 수 있다. 부모를 호출할때 super를 사용한다. 생성자뿐만 아니라 함수를 호출 할수도 있다. 객체를 생성하는 방법 3가지불변객체 (immutable Object ) 정의하기1) preventExtension : 객체가 추가되는것을 막는다. (수정하고 삭제는 가능)2) seal : 객체의 구조가 봉인된다. (수정만 가능)3) freezed : 객체를 완전 얼려버려 아무것도 할 수 없도록 한다. :: 참고로 해당 명령어를 실행하면 다시 원래대로 되돌릴수는 없다. 객체를 복사해서 수정해야함. 2025. 1. 11. 이전 1 2 3 다음
