분류 전체보기
React Native 설치하고 실행해보기!
React-Native 설치 본격적으로 React-Native 프로젝트를 시작해봅시다. React-Native 설치 링크 모바일 개발이 처음인 경우, Expo를 사용하는 것이 좋습니다. Expo는 React Native를 기반으로 구축되었으며 Android Studio나 Xcode를 설치하지 않고도 프로젝트를 실행할 수 있어 편하지만 제공되어진 API만 사용이 가능하며 Object-C, Swift, Java, Kotlin으로 작성된 Native Module은 추가할 수 없습니다. 또한, 모든 Expo SDK 솔루션으로 빌드되어 빌드하는 데 시간이 오래걸립니다. 이와는 다르게 React Native는 설정하는 데는 오래걸리지만 모든 라이브러리를 사용할 수 있고 자유도가 높아 여러가지 기능을 사용하여 앱을 ..
코드캠프 35일차
IDC DevOps 개발자가 배포운영까지! 하지만 서비스가 커질수록 DevOps팀이 분리되어진다. HTTP(HTML, HyperTextMarkupLanguage) JSX, Javascript XML, Extensible MarkupLanuage SMTP FTP ** scrapping ** og(openGraph) 웹에서 특정 주소를 입력했을 때 미리보기를 제공해주고싶을 경우 meta tag에 작성하여 웹 주소의 title, image, description 등을 미리 보여주는 것. @ twitter도 있음 서버사이드렌더링과 서버사이드렌더링이 아닌 것의 차이! 우리가 axios.get을 할 때 받아오게되는 소스코드는 useQuery까지 기다려주지 않고 처음 받아온 데이터만 화면에 그려주게된다. 만약 다이나..
코드캠프 34일차
https://domain.gabia.com/regist/today_domain https://cloud.google.com/free graphql vs REST-API 기존 REST-API READ axios.get(api주소) put, post, delete graphql은 endpoint가 하나인 REST-API이며 항상 POST방식을 사용한다 { "query": "mutation createBoard { createBoard(createBoardInput: {writer:철수, password: 1234, title:제목, contents:내용}) {_id, title, write, contents}}" } optimistic ui 작업량이 적은API 99% 이상 성공 가능한 API 만약에 실패하..
코드캠프 31일차
/* eslint-disable no-unused-vars */ // 1. 문자 const getString = (arg: string): string => { return arg; }; const result1 = getString("바부"); // 2.숫자 const getNumber = (arg: number): number => { return arg; }; const result2 = getNumber(2); // 3.모두(any) const getAny = (arg: any): any => { return arg; }; const result31 = getAny(8); const result32 = getAny("안녕하세요"); const result33 = getAny(true); // 모두..
코드캠프 30일차
stateful / stateless scaleup / scaleout RoundRobin) 백엔드에 나누어진 데이터를 나누어진 백엔드를 돌면서 확인 최소연결(least connection)) 데이터가 제일 적은 백엔드에 데이터를 보내준다. Partisioning,,, 데이터 베이스 나누기 수직파티셔닝/수평파티셔닝(샤딩) 데이터베이스도 분산 가능 데이터베이스에서는 데이터가 디스크에 저장되어 느리지만 영구저장된다. Redis 메모리에 저장되는 데이터 (영구저장하게도 바꿀 수 있지만... 기본적으로는 비영구적인 데이터) 해시 방식은 데이터를 알수 없게 만든다 단방향암호화 패스워드 해싱!! 토큰에 사용자 정보 저장 -> JWT(JSON Web Token) ((JSON 자바스크립트 객체 표기법)) 탈취가능성있어..
[Easy] Roman to Integer
Roman numerals are represented by seven different symbols: I, V, X, L, C, D and M. Symbol Value I 1 V 5 X 10 L 50 C 100 D 500 M 1000 For example, 2 is written as II in Roman numeral, just two ones added together. 12 is written as XII, which is simply X + II. The number 27 is written as XXVII, which is XX + V + II. Roman numerals are usually written largest to smallest from left to right. However..
[Easy] Palindrome Number
Given an integer x, return true if x is palindrome integer. An integer is a palindrome when it reads the same backward as forward. For example, 121 is a palindrome while 123 is not. Example 1: Input: x = 121 Output: true Explanation: 121 reads as 121 from left to right and from right to left. Example 2: Input: x = -121 Output: false Explanation: From left to right, it reads -121. From right to l..
[Easy] Two Sum
Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target. You may assume that each input would have exactly one solution, and you may not use the same element twice. You can return the answer in any order. Example 1: Input: nums = [2,7,11,15], target = 9 Output: [0,1] Explanation: Because nums[0] + nums[1] == 9, we return [0, 1]. Ex..
코드캠프 28일차
결제 프로세스 구조 일반결제 ) (카드결제, 계좌이체, 무통장입금(가상계좌)) 가상 계좌에 입금 / 환불 시 데이터베이스에 계좌를 입력받아 환불 결제 업체/API도 있어서 계약하면 자동화 가능 결제 솔루션(아임포트, 부트페이) payment gateway(NHN, 나이스페이, KG이니시스) 결제가 완료되면 해당하는 아이디값을 받아온다 (imp_uid 형태?) 받아온 아이디를 백엔드에 전달하면 백엔드에서는 아이디를 데이터베이스에 저장한다. 부분취소도 가능... PPT를 만들어서 test login 계정을 넣고 어디서 어떤 버튼을 누르면 결제가 된다 결제프로세스를 만들어서 pg사에 전달하면 카드사에 전달해준다. 이러한 서류작업까지만 약 2주~한달 걸리며 기능개발시간은 더 많이 추가된다. 카드사에서 rejec..