글쓰는 개발자

1. 함수swift의 함수는 func로 시작한다func hello() { print("Hello")} 매개변수를 받아 문자열을 리턴하는 함수func printMessage(name: String, count: Int) -> String { return("\(name) is \(count) years old")} 함수가 단일 표현식을 가진다면 return 구문을 생략할 수 있다.func printMessage(name: String, count: Int) -> String { ("\(name) is \(count) years old")} 매개변수 앞에 따로 외부 매개변수명을 지정할수도 있다.func printMessage(userName name: String, age count: Int) -> Strin..

1. for-in 구문 swift의 for in 문은 다음과 같다.var array = [1, 2, 3, 4, 5]for index in array { print(index)} 이는 아래와 같이 범위문으로 변경 가능하다.for index in 1...5 { print(index)} index를 따로 사용할 필요가 없을 때는 밑줄로 생략도 가능하다.var sum = 0for _ in 1...5 { sum += 1}print(sum) 2. repeat while 반복문repeat while은 do while을 대체한다.var i = 0repeat { i += 1} while(i > 10)print(i) 3. switch 구문swift의 case문에는 break 문이 필요치 않다.let value = 1swi..

1. 옵셔널 타입변수를 선언할 때 ?를 사용해 옵셔널 선언이 가능하다.var index: Int? 이제 index는 정수 혹은 아무런 값도 할당되지 않을수 있다. 어떤 값도 할당되지 않을때 옵셔널은 nil 값을 갖는다.var index: Int?if index != nil { // 값이 할당되어 있다.} else { // 값이 할당되어 있지 않다.} 옵셔널 값을 사용하기 위해서는 ! 문구를 사용하여 강제 언래핑 해주어야 한다.var index: Int?index = 12if index != nil { print(index!)} else { print("index is nil")} 강제 언래핑 대신, 옵셔널로 할당된 값은 옵셔널 바인딩을 이용하여 임시 변수나 상수에 할당할 수 있다.var i..

1. 문자열 데이터 타입문자열은 변수, 상수, 표현식, 함수 호출을 조합하여 구성할 수 있다.var userName = "Kim"var count = 25var message = "\(userName) has \(count) apples."print(message) 결과Kim has 25 apples. 여러 줄의 문자는 삼중 따옴표 안에 넣어서 선언할 수 있다.var multiline = """ 안녕하세요 "김철수" 라고 합니다. 반갑습니다. """ print(multiline) 2. 상수와 변수변수는 var 키워드를 사용하여 선언하며, 상수는 let을 사용해서 선언한다.var userName = "Jim"let maxCount = 20 3. 튜플튜플은 여러 값을 하나의 항목으로 그루핑하는 ..

VS 코드에서 하나의 윈도우를 사용할때 comman + click 혹은 control + click으로 해당 라인이 정의된 파일을 열어주는 기능을 사용할수 있다. 해당 기능을 사용해 정의된 파일로 이동할때 이미 해당 파일이 열려있으면 내가 열어둔 파일창으로 이동한다. 하지만 만약 분할창(split window)를 사용하고 있다면 분할창에 열려있는 파일을 무시하고 내 현재 창에 새로운 창이 열린다. 왼쪽에는 react 컴포넌트창, 오른쪽에는 스타일창을 열어두고 작업하는 입장에서 불편하지 않을 수 없다. 그럴때 VS code에서 File - Properties - Settings에 들어가서 아래 옵션을 true로 바꾸어주면 split 윈도우에 열린 창까지 검사해서 이미 해당 파일이 열려있으면 해당 파일로 ..

리액트에서 useState 함수를 사용하면 value와 set 함수 두개를 얻을 수 있다. const [value, setValue] = useState('초기화값'); 이때 setValue를 통해 값을 변경하면 value값은 리렌더링 되어 UI에 표시된다. 근데 이 value에 들어간 값이 int나 string 같은 값이 아니라 오브젝트 혹은 array일 경우에는 그 값을 변경하고 set함수를 호출해도 UI에 값이 변경되지 않는다. const [array, setArray] = useState(['a', 'b']);array.push('c');setArray(array); // 여전히 화면에는 a와 b밖에 보이지 않는다. React는 useState로 만들어진 변수들을 계속 감시를 하고 변경을 감지하면..

기존 react 단일사용을 할 때는 react-localization을 사용해서 영문 국문 프로파일을 나누고 이를 불러서 사용하면 브라우저 언어를 인지해서 영문 국문을 자동으로 구분해서 출력해주었다. nextjs에서 해당 방법을 사용하면 충돌이 발생해서 next js에 맞는 방식의 다국어 지원방법을 찾아야 한다. nextjs에는 App Router를 사용한 다국어 지원 방식을 제공하는데 도메인 뒤에 kr 이나 en을 붙이면 해당 언어로된 홈페이지가 보여지는 방식이다. 사용방식은 매번 업데이트 되기 때문에 만약 아래 글을 따라했는데 동작을 하지 않는다면 해당 링크를 참고해보자.https://next-intl-docs.vercel.app/docs/getting-started Next.js internatio..

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-23 [React/react-native] Redux 쉽게 사용하기 (2/3)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 } frgran007.tistory.com 리듀서 자동화 ..