[R.N] 리액트 네비게이션 리액트 네비게이션저번 예제에서 하나의 페이지만 구현했는데 이번엔 리액트 네비게이션을 사용해 여러페이지(스크린)을 구현했다. 메뉴를 구성할때는 stack, 사이드드로우를 구성할때는 drawer를 사용했고 가상으로 더미데이터를 만들어서 컴포넌트에 맞게 데이터를 뿌려주고 contextAPI와 redux를 활용해 즐겨찾기를 구현해봤다. 그밖에 컴포넌트를 디테일하게 나누고 스타일링도 하면서 리액트네이티브와 좀 더 친해지는계기가 되었다. https://github.com/heesangs/RnNavigation GitHub - heesangs/RnNavigation: basic navigation appbasic navigation app. Contribute to heesangs/RnNavigation deve.. 2025. 5. 1. [JS.개발일지] 7. 자바스크립트 4(class) 이제 클래스를 공부해보자. getter와 setter. 외부에서 내부필드에 직접 접근하지 못하도록 하고 오직 getter와 setter를 통해서만 데이터에 접근하고 수정할 수 있도록 한다. (보안성을 높일 수 있다는 장점이 있음)이것을 통해 '유효성검사, 로그기록, 변경이력추적' 등의 다양한 로직을 구현 할 수 있다고 하는데일단 기본적인것들만 우선 테스트 해보자. 위 코드에서 몸무게는 출력되지 않는다. #을써서 private속성을 줬기 때문인데 get을 써야만 해당 속성값을 가져올 수 있다! static 메서드클래스 인스턴스에 의존하지 않고클래스 이름을 통해 직접적으로 호출이 가능하다. static 메서드를 사용하는 이유1. 객체 생성의 유연성 - 동일한 클래스라도 다양한 입력방식으로 객체 생성 가.. 2025. 1. 4. 프레이머 :: Framer 프레이머 프레이머는 코드 기반(React, typescript, jsx : 웹 기술)의 프로토타입 툴이다. 1. 프레이머가 다시뜬다고? 최근 상무님께서 프레이머 툴을 한 번 알아보라고 하셔서 관련 정보를 리서치하게 되었다. 이 툴을 쓰는 대표적인 회사가 토스인데 그들은 프레이머로 내부 디자인 시스템을 구축하고 새로운 워크플로우를 개선하여 업무의 효율성을 높였다고 이야기한다. 사실 개인적으로 2년전 React 개발도 해보고(github링크) 프레이머 온라인 커뮤니티(페이스북) 활동에 참여해봤고, 개인적으로 만들고 싶었던 서비스를 프레이머를 이용해 만들어 봤었지만 실제 코드로 디자인시스템을 구축할 수 있다는 것은 생각도 못했었다. 하지만 최근 토스-플랫폼디자인팀에서 프레이머로 디자인 시스템을 구축했다는 것은.. 2022. 8. 8. 이전 1 다음
