글쓰는 개발자

https://gran007.tistory.com/entry/Reactreact-native-Redux-%EC%89%BD%EA%B2%8C-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-12 [React/react-native] Redux 쉽게 사용하기 (1/2)React의 상태관리는 useState를 사용해 이루어 진다.import { useState } from 'react';function Home() { const [text, setText] = useState('hello'); return ({text})}하지만 useState를 사용한 상태값의 경우 해당 페이지를 상속하gran007.tistory.com 이전 포스팅에서 이야기 했듯이 redux에 상태값을 추가하고 사용하는 ..

React의 상태관리는 useState를 사용해 이루어 진다.import { useState } from 'react';function Home() { const [text, setText] = useState('hello'); return ({text})}하지만 useState를 사용한 상태값의 경우 해당 페이지를 상속하는 페이지까지만 해당 변수를 공유할수 있으며 모든걸 컴포넌트화 시켜서 관리하는 React의 특성상 이러한 변수를 여러개 만들어 아래로 계속해서 변수를 넘기게 되면 개발 복잡도가 기하급수적으로 늘어날 수 밖에 없다. 따라서 페이지 최상단에 몇개의 변수를 등록해 두고 이를 사용하는 곳에서 값이 변경될 때마다 페이지를 리로딩 할수 있도록 redux등의 상태 관리 방식을 개발했다. 유일한 상태..

React Native로 이미지를 로딩하는 방식은 간단히 두가지로 나뉘다. 1. 이미지를 각 사이즈별로 Android, iOS에 프로젝트에 각각 등록하고 uri로 로드해서 사용2. react-native 프로젝트 내부에 파일을 두고 source attribute로 불러서 사용 이미지를 각 해상도별로 나뉘어 관리를 하면 이미지 생성이나 폴더별 파일 관리등 관리에 수고는 많이 들어갈지 몰라도 해상도별로 깔끔한 이미지가 제공되므로 기업에서 서비스하는 앱의 경우 아래와 같이 이미지를 여러개 만들어 프로젝트 자체에 등록해 두고 사용하는 방식이 선호된다.위 이미지는 안드로이드 해상도별 이미지 사이즈에 대한 정보이다. 하나의 이미지를 해상도별 5가지 파일로 만들어 안드로이드 프로젝트의 리소스 폴더에 drawable..

1. 문자열 템플릿문자열 리터럴을 정의하는 가장 간단한 방법은 큰 따옴표로 문자열을 감싸는 것이다.val hello = "Hello, world!" 문자열 중간에 변수나 함수를 사용하고 싶다면 $를 사용한다.import java.util.Datefun main() { val username = readLine() println("Hello, $username!\n Today is ${Date()}")} 이스케이프 시퀀스(\n)을 사용하지 않고 새줄을 포함한 문자열을 만들고 싶으면 큰따옴표 세개로 문자열을 감싸면 된다.val msg = """ Hello, $username! Today is ${Date()}""" 2. 문자열 연산코틀린의 문자열은 다음 함수를 기본제공한다.제공함수설명isEmpty..

대학원 석사 시절 대학교 1학년생들 대상으로 레고 블록을 이용한 프로그래밍을 가르친 적이 있다. 모터 동작, 색감지, 소리감지 등 한정된 입출력만으로 레고 로봇에 여러가지 동작을 수행하도록 할수 있었다.  잘 생각해보면 프로그래밍도 이처럼 블록을 쌓아가는 과정과도 비슷하다. 조건문 할당문 등 단순한 몇가지 명령문들을 잘 배치해서 설계된 복잡한 기능이 잘 동작되도록 만드는 것이 프로그래밍의 핵심이다. 개발에 있어서 가장 중요한 것은 일단은 목표로 하는 동작이 수행되도록 하는 것이다. 이미 습득한 지식과 인터넷의 새로운 지식, 동작원리 등을 분석해서 적절한 블록조각을 찾아내고 일단은 동작하도록 이를 조립한다. 로그인 기능을 구현한다면 사용자의 입력을 받아오는 부분, 해당 입력이 제대로된 포맷을 가지고 있는지..

1. 변수 정의코틀린에서 변수를 정의하는 가장 간단한 형태는 val을 사용하는 것이다.val number = 12코틀린은 자바와 다르게 한줄에 한 문장만 넣으면 세미콜론(;)을 사용하지 않아도 된다.fun main() { val a = readln().toInt() val b = readln().toInt() println(a + b)}위는 직접 사용자 입력을 받아서 숫자로 형태로변환(toInt)해서 이를 더해 출력하는 함수다. 예상한 대로 숫자를 입력하면 아래와 같이 제대로 결과 값이 출력된다.만약 입력에 숫자 값을 입력하지 않으면 NumberFormatException 에러가 난다. 변수 선언시 타입을 명시하고 싶다면 뒤에 콜론(:)을 사용해 타입을 적는다.val n: Int = 10..

인텔리J에서 코틀린 프로젝트를 설정해보자.File - New Project를 선택하고 내가 만들 프로젝트명과 위치를 선택하고 언어(Language)를 Kotlin으로 설정하면 코틀린 프로젝트가 생성된다. src - main - kotlin 폴더에 Main.kt가 자동 생성되어 있고 우측 상단에 Run 혹은 Debug 버튼을 클릭해서 실행하면 Default로 세팅되어있는 메인내에 print문이 하단 콘솔에 출력되어 나온다.Tool - Kotlin - Repel을 선택하면 코틀린 문법을 스크립트 형태로 실행해 볼수 있는 콘솔창이 나타난다.Repel은 코틀린의 간단한 문법을 시험해 보기 좋은 환경을 제공한다.코틀린 문법을 적은뒤 좌측에 Run 버튼을 클릭해서 바로바로 결과를 확인할 수 있다.설치형 IDE 없이..

https://gran007.tistory.com/entry/3100-iOS-%EC%95%B1-%EC%A7%80%EA%B8%88-%EB%A8%B9%EC%96%B4%EB%8F%84-%EB%90%A0%EA%B9%8C%EC%9A%94 [3/100] [iOS 앱] 지금 먹어도 될까요?개발목적나는 나약하고 게으른 인간이다. 살은 빼고 싶지만 간헐적 단식을 시간 지켜 하기도 귀찮고 늘 언제를 식사시간으로 지정해 두었는지 까먹고 만다. 그래서 식사 시간을 정해두면 딱 먹gran007.tistory.com  1. AI로 식사 시간용 음식 이미지 추출 / 단식 시간용 금지 및 운동 이미지 추출2. 피그마 디자인2-1. 홈 화면현재가 식사 가능 시간인지 인식해서 그에 맞춘 화면을 보여줌.이미지는 다수의 이미지중 랜덤한 식..