개발이 즐겁다!

독서후기 월급쟁이 부자들 독서스터디 :: 후기 책 제목(책제목 + 저자) : 이웃집 백만장자 변하지 않는 부의 법칙 세라 스탠리 저자 및 출판사 : 비즈니스 북스 읽은날짜 : 2022.05 핵심키워드 3가지 뽑아보기 : #절제 #절약 #내적 가치 도서를 읽고 내점수는 (10점만점에 ~ 몇점?) : 8 1. 저자 및 도서 소개 : 세상이 변해도 절대 바뀌지 않는 강력한 부의 법칙! ‘자수성가한 부자들은 어떻게 부를 축적하는가?’에 관해 40년간 조사·연구해온 부자학의 대가 토머스 스탠리 박사가 수천 명의 이웃집 백만장자를 분석해 펴낸 부의 보고서인 《백만장자 불변의 법칙》이 출간된 지 20년이 지난 지금의 백만장자들에게 어떤 변화가 생겼는지, 급변하는 세상 속 3040 신흥 백만장자들은 어떻게 부를 쌓고 ..

[핵심] 결국 핵심은 - 내가 롤 모델이라고 생각하는 사람을 따라하다보면 나도 그런 사람이 된다. - 지식을 익히고, 그것을 반복적으로 수련해야 비로소 내 것이 된다. 같은 코드라도 계속해서 다른 방식으로 접근해보는 것이 중요하다.

문제 : https://www.acmicpc.net/problem/2675 2675번: 문자열 반복 문자열 S를 입력받은 후에, 각 문자를 R번 반복해 새 문자열 P를 만든 후 출력하는 프로그램을 작성하시오. 즉, 첫 번째 문자를 R번 반복하고, 두 번째 문자를 R번 반복하는 식으로 P를 만들면 된다 www.acmicpc.net [내가 생각한 내용] 문자열을 R(반복횟수)만큼 문자열의 각 문자만큼 for문으로 처리해주려고 했다. 내가 작성한 코드 #include #include #include #include #include using namespace std; int main(int argc, char* argv[]) { int T, R[T]; string str[T]; string newStr[T];..

레버리지 : 남의 돈을 이용하여 내 이익을 높이는 것 레버리지의 4가지 종류 - 대출 - 전세 - 증여 - 시간 LTV : 담보인정비율 --> 주택 가격에서 대출을 얼마까지 해주는가? 대출의 3가지 종류 1) 주택담보대출 2) 개인신용대출 - 내 소득에 대한 대출 3) 기타사채대출 제도금융권에 속하지 않는 대부회사 DSR : 총부채금원리상환금액 --> DSR의 범위 : 주담대, 신용대출을 포함한 은행 대출 받을 때 팁 1) 내가 매수하려는 곳 근처의 은행에서 대출을 받는다. 자기 관할 지역에 있는 부동산에 대해서 더 대출이 쉽다.

문제 링크 : https://www.acmicpc.net/problem/1158 1158번: 요세푸스 문제 첫째 줄에 N과 K가 빈 칸을 사이에 두고 순서대로 주어진다. (1 ≤ K ≤ N ≤ 5,000) www.acmicpc.net [해결 과정] 1. 원이라고 문제상에 나와있지만 사실상 일렬로 된 배열로 봐도 무방하다. 2. 자동으로 메모리 관리를 해주는 벡터 자료구조가 사용하기 용이하다고 생각. 나는 이것을 벡터라고 생각했는데 알고보니 큐를 이용해서 하면 된다. 내가 참고한 풀이 https://jaetsby.tistory.com/19 백준 요세푸스 문제 C++ (1158) 요즘 문제가 잘 풀리지 않는다ㅜ 이 문제 사실 조금만 고민해보면 쉽게 풀리는 문제였는데, 너무 어렵게 접근했던 것 같다. 처음 떠..

안녕하세요 강정호입니다. 오늘은 인스타그램클론코딩을 하면서 경험한 삽질을 정리해서 올려보려고 합니다. [문제 상황] Confirm.js 시크릿 코드로 인증을 하여 토큰을 받는 화면에서 인증을 정상적으로 완료 했음에도 불구하고 Home 화면으로 이동하지 못하고 Confirm 화면에만 계속 머물게 되는 오류가 있었습니다. 서버에서 출력해보니 토큰은 정상적으로 발급이 되었고, Confirm은 성공적으로 실행되었습니다. [원인] 강제로 isLoggedIn 변수를 false로 세팅을 해주고 있었다. 그렇다보니 AuthNavigation을 계속해서 호출하게 되었던 것이다. [프로그램 흐름] 1. Confirm.js 에서 시크릿 코드를 입력하고 Confirm 버튼 클릭. 입력한 시크릿코드와 해당 유저에게 발급된 시크..

안녕하세요 강정호입니다. 오늘은 인증을 확인하는 기능을 개발하겠습니다. [화면] Confirm.js import React from "react"; import styled from "styled-components"; import { TouchableWithoutFeedback, Keyboard } from "react-native"; import { TouchableOpacity } from "react-native-gesture-handler"; import AuthButton from "../../components/AuthButton"; import AuthInput from "../../components/AuthInput"; import { useState } from "react"; imp..

오늘은 2일간의 개발 삽질에 대해서 작성해 보려고 합니다. [undefined is not an object (evaluating 'navigation.navigate') 오류] 문제 상황 : Login 버튼을 누른 후 서버의 requestSecret 모듈을 호출하여 이메일을 받은 후 Confirm 화면으로 넘어가야 한다. 그러나 계속해서 "Check your email box" 오류가 발생했다. 원인 : navigation 컴포넌트가 undefined 된 컴포넌트였기 때문이다. navigation 컴포넌트가 undefined 되었는데 navigaion.navigate로 화면 이동을 하려고 하니 오류가 발생했던 것이다. undefined is not an object (evaluating 'navigat..

안녕하세요 강정호입니다 오늘은 로그인 폼을 마무리 짓는 작업을 진행해 보겠습니다. 수정한 프로그램은 useInput.js, AuthInput.js, Login.js 자바스크립트 파일입니다. TextInput 컴포넌트 스타일 입혀주기 // TextInput에 대해서 스타일 입혀주기 const TextInput = styled.TextInput` width: ${constants.width / 2} background-color: ${props => props.theme.greyColor} border : 1px solid ${props => props.theme.lightGreyColor} border-radius: 4px; padding: 10px; `; 1) width : 스크린 화면의 너비값을 가져와..

오늘은 클론코딩을 하면서 실력을 키우는 방법에 대해 내 생각을 적어보려고 한다. 작년 9월부터 인스타그램 클론코딩을 시작했다. 퇴근하고 시간을 짬짬이 내서 강의를 들어오면서 지금은 60% 정도 수강을 한 상태이다. 그러나 어느부터인가 반복적으로 타이핑을 하고 머리속에 남는 것이 없는 루틴이 되면서 새로운 방법으로 효율을 높여야겠다는 생각을 했다. [현재 상황] 클론코딩 인터넷 강의를 듣고, 따라서 코딩을 한다. 이 때 모르는 부분이 나오면 구글링을 해서 검색하고, 공식 Document를 확인하여 어떻게 사용하는지 확인한다. 그리고 코드와 새롭게 알게된 내용을 블로그에 문서화 한다. [현재 문제점] 클론코딩 학습 내용이 체화가 되지 않는다. 코드를 보지 않고 쳐서 개발할 수 있는지 물어본다면 현재로선 어렵..

안녕하세요 강정호입니다. 오늘은 로그인 인증 초기화면과 로그인 화면을 만들어보겠습니다. AuthHome.js import React from "react"; import styled from "styled-components"; import { TouchableOpacity } from "react-native-gesture-handler"; import constants from "../../constants"; import AuthButton from "../../components/AuthButton"; /** View 컴포넌트의 스타일 지정 */ const View = styled.View` justify-content: center; align-items: center; flex: 1 `; co..

안녕하세요 강정호입니다. 오늘은 초기 화면에서 로그인 페이지, 계정 생성 화면으로 이동하는 화면을 구성해볼게요. [초기화면] [각각의 버튼을 클릭하여 이동한 화면] import React from "react"; import styled from "styled-components"; import { TouchableOpacity } from "react-native-gesture-handler"; import constants from "../../constants"; /** View 컴포넌트의 스타일 지정 */ const View = styled.View` justify-content: center; align-items: center; flex: 1 `; const Image = styled.Imag..

안녕하세요 강정호입니다. 오늘은 메시지 네비게이션을 만드는 작업을 해보겠습니다. 메시지 네비게이션 화면을 만드는데 앞서서 기존 화면상의 한계에 대해서 말씀드리겠습니다. 기존 하단 탭바 화면의 한계 한계점 : 하단의 탭바는 각각의 탭이 화면 1개의 역할을 한다. 즉 각 탭 화면 1개가 전부이고, 추가적인 화면 로딩을 할 수 없다. 해결방안 : 하단의 탭바 위에 스택 화면을 로딩하여 여러개의 화면을 보여줄 수 있도록 한다. import React from "react"; import { createAppContainer } from "react-navigation"; import { View, Text } from "react-native"; import { NavigationContainer } from ..

안녕하세요 강정호입니다 오늘은 네비게이션을 활용하여 화면을 만드는데요 계속해서 아래와 같은 오류가 발생했습니다. 에러 : TypeError: undefined is not an object (evaluating 'Object.keys(routeConfigs)') 해결방법 : 이것은 네비게이션 라이브러리의 버전 차이에서 발생한 오류였다. 변경 전 : import { createStackNavigator } from "react-navigation-stack"; 변경 후 : import { createStackNavigator } from "@react-navigation/stack"; 이렇게 변경하니 해결이 되었다. 내가 참고한 stack overflow의 답변이다 stackoverflow.com/ques..

안녕하세요 강정호입니다. 오늘은 리액트 Tab navigation에 대해서 알아보겠습니다. TabNavigation.js import React from "react"; import { createAppContainer } from "react-navigation"; import { View } from "react-native"; import { NavigationContainer } from '@react-navigation/native'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import Home from "../screens/Home"; import Notifications from "../screens..

React Native Gesture Handler docs.swmansion.com/react-native-gesture-handler/docs/ Getting Started | React Native Gesture Handler Gesture Handler aims to replace React Native's built in touch system called Gesture Responder System. docs.swmansion.com 사용 목적 : 리액트 네이티브에 내장된 React Native's Gesture Responder System을 개선하기 위한 라이브러리. 터치에 대한 반응 시스템을 개선하였다. 예를 들면 Pinch, Rotation 등등 다양한 터치 반응에 반응하기 위해 사용하..

안녕하세요 강정호입니다. 오늘은 로그인 여부에 따라서 화면을 보여주는 프론트 로직을 구현해보았습니다. import React, { createContext, useContext, useState } from "react"; import AsyncStorage from "@react-native-async-storage/async-storage"; export const AuthContext = createContext(); export const AuthProvider = ({isLoggedIn: isLoggedInProp, children}) => { const [isLoggedIn, setIsLoggedIn] = useState(isLoggedInProp); /** logUserIn 함수 호출 : A..

안녕하세요 강정호입니다. 오늘은 앱에서 캐시를 사용하여 데이터를 로딩할 수 있도록 구현해보겠습니다. github.com/apollographql/apollo-cache-persist apollographql/apollo-cache-persist 🎏 Simple persistence for all Apollo Cache implementations - apollographql/apollo-cache-persist github.com import { StatusBar } from 'expo-status-bar'; import React, { useState, useEffect } from 'react'; import { Ionicons } from "@expo/vector-icons"; import { Te..

안녕하세요 강정호 입니다 오늘은 이미지들을 Preloading 하는 것에 대해서 알아보겠습니다. 먼저 다운로드해야 할 라이브러리 입니다. npm install @expo/vector-icons npm install expo-app-loading npm install expo-font npm install expo-asset npm add @expo/vector-icons npm add expo-app-loading import { StatusBar } from 'expo-status-bar'; import React, { useState, useEffect } from 'react'; import { Ionicons } from "@expo/vector-icons"; import { Text, View ..

안녕하세요 강정호입니다 react native를 사용하여 안드로이드 iOS 앱을 만드는 프로젝트 환경설정을 해보겠습니다. 1. npm install -g expo-cli expo 클라이언트 설치 2. expo init sunflower-app expo 프로젝트 생성. 템플릿은 blank 선택 3. npm add styled-components 스타일 컴포넌트 라이브러리 추가 4. npm add react-navigation 리액트 네비게이션 라이브러리 추가(reactnavigation.org/docs/getting-started) 5. npm add apollo-boost apollo-boost 라이브러리 설치 6. npm add graphql Graphql 설치 7. npm add react-apoll..