일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- 코테
- node.js
- PCCE
- java
- 스프링
- firebase
- controller
- React Native
- 파이어베이스
- 프로젝트
- 리액트 네이티브
- project
- 코딩테스트
- expo
- 백엔드
- 자바
- Spring
- 리액트
- ReactNative
- 2025 프로그래머스 코드챌린지 2차 예선
- 코딩
- map
- React
- 자바스크립트
- 프로그래머스
- 티스토리챌린지
- 리액트네이티브
- 오블완
- javascript
- 태그
- Today
- Total
목록프론트 (46)
양갱의 개발 블로그

리액트 네이티브는 리액트에서 파생? 아무튼 비슷한데 모두 같은건 아니다!! 리액트 네이티브를 통해 프론트 개발을 할 때는 2가지 방법으로 컴포넌트를 선언할 수 있다 클래스형 컴포넌트를 사용하거나 함수형 컴포넌트를 사용할 수 있다 클래스형 컴포넌트! import React, { Component } from 'react'; class Hello extends Component { render() { const { color, name, isSpecial } = this.props; return ( {isSpecial && *} 안녕하세요 {name} ); } } Hello.defaultProps = { name: '이름없음' }; export default Hello; 함수형 컴포넌트!! imp..
일단 처음이기 때문에 니콜라스 쌤 수업을 들으면서 진행하려고 한다! #2.8 Weather (15:32) – 노마드 코더 Nomad Coders All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 이 영상을 보면서 따라했다! !! 중요 !! expo install expo-location import * as Location from "expo-location"; import { StatusBar } from "expo-status-bar"; import React, { useEffect, useState } from "react"; import { View, Text, Dimensions, ActivityInd..
우산 스테이션을 인식하기 위해서 각 스테이션 마다 QR 코드를 가지고 있움 사용자는 스테이션의 QR코드를 스캔하여 해당 스테이션을 사용할 수 있는데 그렇게 되면 일반 카메라가 아닌 QRscan이 가능한 코드를 작성해야 한다 그래서 막 시도를 해볼건데 처음부터 되는 내용은 없었던 거 같다.. 막 시도해볼테니 제 코드를 사용하기 전 결과 먼저 확인해보시는게 좋을거 같숩니다! 일단 첫번 째 시도!! 참고 사이트: https://flamingotiger.github.io/frontend/ReactNative/react-native-qrcode-scanner/ React native QRcode scanner 사용하기 시작하기react-native 앱에서 QR코드를 스캔할 수..

오늘은 헤커톤 가기 전 웹 프로젝트를 생성해 볼건데 웹은 react native하기 전에 먼저 접했었다! 근데 지금 거의 까먹으려고 해서 다시 시도하려고 한다..! 왜냐하면 헤커톤에 나가면ㄴ 어플보다는 웹페이지를 더 많이 만들것 같아서이다!! 그리고 백도 공부해야하니까ㅏ 웹페이지도 함께 만들면서 일주일 개인 프로젝트를 진행할 예정이다!! 1. vscode 설치하기 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applicati..
일단 처음이기 때문에 니콜라스 쌤 수업을 들으면서 진행하려고 한다! #2.8 Weather (15:32) – 노마드 코더 Nomad Coders All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 이 영상을 보면서 따라했다! 필수!! expo install expo-location import * as Location from "expo-location"; import { StatusBar } from "expo-status-bar"; import React, { useEffect, useState } from "react"; import { View, Text, Dimensions, ActivityIndicat..
https://github.com/iamport/iamport-react-example/blob/master/manuals/CERTIFICATION.md GitHub - iamport/iamport-react-example: 리액트 환경에서 아임포트 결제 및 휴대폰 본인인증 연동을 위한 리액트 환경에서 아임포트 결제 및 휴대폰 본인인증 연동을 위한 예제입니다. Contribute to iamport/iamport-react-example development by creating an account on GitHub. github.com https://www.npmjs.com/package/iamport-react-native iamport-react-native 리액트 네이티브용 아임포트 결제/본인인증..