React6 React Native + Expo로 앱 개발하기 [기초] 1. node.js 와 git 다운로드 & Visual studio 설치https://nodejs.org/ko Node.js — Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.nodejs.orghttps://git-scm.com/ Git git-scm.com2. Expo 가입 & 앱 설치https://expo.dev Log In — ExpoLog in to your Expo account.expo.dev3. react nativ.. 2025. 11. 6. VScode에 prettier 세팅 및 터미널 커스텀하기 1. prettier 설치하기1) 프로젝트에 prettier 설치 OR vscode의 확장프로그램에서 설치npm install --save-dev --save-exact prettier .Prettierrc.js 설정 *필자는 아래와 같이 설정해주었다. { "trailingComma": "es5", "tabWidth": 2, "semi": true, "bracketSpacing": true, "spaceAfterSemi": 0, "singleQuote": false, "printWidth": 80} 이렇게 해주면 ctrl+S 만 눌러도 해당 설정에 맞게 자동 수정되어 저장된다.2. 터미널 커스텀하기1) iTerm2 설치하기 [homebrew 사용]brew install iterm2 .. 2024. 11. 7. [React/Django] 포트원으로 결제 기능 구현하기 먼저 결제 기능이 어떻게 구현되는 지 부터 보면 아래와 같습니다!어디에서 기능이 어떻게 이루어지고 왜 이렇게 구조가 짜여지는지 이해하면 구현하기가 쉽습니다이제 프론트는 React로, 백앤드는 Django로 하여 결제 기능을 구현해보겠습니다~!1. 포트원 회원가입하기https://portone.io/korea/ko 포트원 | 온라인 비즈니스 성장을 돕는 기업포트원이 제공하는 단 한 줄의 코드로 세상의 모든 결제를 손쉽게 연동해보세요. PG사 통합결제 연동, 해외결제, 파트너 정산 관리, 결제 애널리틱스, 수수료 혜택까지, 포트원의 맞춤 컨설팅을portone.io2. 결제 연동하기메인화면에서 시작하기> 관리자콘솔 > 좌측 메뉴바 > '결제 연동'을 클릭!그리고 내 식별코드 ・ API Keys을 확인해줍니다... 2024. 10. 11. [React] 프론트 프로젝트 생성하기 cd pcompass_frontbrew install yarnyarn global add create-react-appcreate-react-app cd yarn init //package.json 파일 만들기yarn start //서버 실행하기 이까지 해주면 아래 화면이 뜨며 로컬에서 프론트 서버가 실행된다. 그리고 vscode에서 언어는 javascript를 선택한 후, ctrl + ~ 를 눌러주면 터미널이 실행된다. 기본 세팅되어있는 것에서 삭제할 것을 삭제하고 다음과 같이 초기세팅 상태를 만들어준다.[App.js]import React from 'react';import { BrowserRouter as Router} from 'react-router-dom';function App() { re.. 2024. 9. 9. 이전 1 2 다음 LIST
