xtring.dev

iOS 개발을 시작하며 Xcode를 사용하는데 단순히 Swift 코드를 실행 할 수 있는 곳이 필요하시죠? 그럴 땐 Playground를 사용하면 됩니다! 지금부터 Swift를 연습해볼 Playground를 만들어 볼게요~💁🏻‍♂️ * 기본적으로 MacOS가 사용가능한 머신이 필요합니다.(MacBook, MacBookPro, ... 등) 저는 Xcode 12.3 버전을 사용했습니다! 먼저 Xcode를 실행해주세요~ Create a new Xcode project를 선택해주세요! Xcode가 새로운 프로젝트의 어떤 template를 사용할 것인지 묻습니다. other의 Empty를 선택해주세요. Next를 클릭하면 Team과 Product Name를 입력하라고 합니다. 개인 스터디를 위한 프로젝트니깐 개인..

1년 조금 넘는 시간동안 개발을 하다보니 ...-study, ...-test와 같은 repo가 중구난방으로 생성되었습니다. 언젠간 정리해야지 싶었던 것들이 100개가 넘어가는 시점이 오게 되었습니다...;; 그래서 repo의 history를 유지한채 하나로 모을 수 있는 방법을 찾게 되었습니다. 합칠 repo들을 큰 카테고리 별로 묶어봅시다! 방법은 간단합니다. 먼저 Based 저장소를 만듭니다. 그리고 만들어진 Based 저장소를 local에 Clone 합니다. 이제 study-ios 폴더 안에 다른 프로젝트들 모아 봅니다! 저는 우선 tutorial을 보고 만들어진 프로젝트는 tutorial이라는 디렉토리에 담고 싶었습니다. 이런 식으로 원하는 프로젝트를 담은 뒤 마지막으로 git push 해줍니다...

iOS 개발 전 Objective-C로 시작할지 Swift로 시작할지에 대한 고민을 하게 되었고 당연히 Swift를 사용해야겠다고 생각했습니다. 그렇지만 기존에 iOS 개발 시 주로 사용되었던 Objective-C와는 어떤 차이가 있으며 현재에도 Legacy 프로젝트에서도 사용되고 있기 때문에 알아보게 되었습니다. Objective-C vs Swift 1. 개발적 측면 [Objective-C] 장점 - C 개발자의 경우 Swift 대비 빠른 습득이 가능하다. - 컴파일 버전 업에 따른 API 변동이 없음 - 안정화된 오픈 소스 사용에 용의함 단점 - 헤더파일 및 본문 파일에 따른 파일 수 증가 - 포인터 사용에 대한 어려움 - 애플 자체 컴파일 X [Swift] 장점 - 헤더파일 및 본문 파일이 별도로 ..

add와 commit을 동시에 하는 방법 commit을 하며 유용하게 사용할 수 있는 옵션이 있습니다. 보통 많이 사용하는 방식인 의 경우 이전에 git add 를 통해 staging area에 file를 올린 후에 git commit 을 통해 repository에 등록을 합니다. git commit 의 경우 2가지의 옵션이 있습니다. -m : vi에서 별도의 메세지를 작성하지 않고 인라인 형식으로 바로 커밋 메세지를 작성하기 위한 옵션 -a : 별도의 add 명령어를 사용하지 않고 수정된 파일에 대해 add를 수행하는 옵션 -am : a 옵션과 m 옵션을 합쳐서 사용하는 방법 때때로 여러 파일을 한번에 add 하는 동시에 commit 하는데 사용하면 편리한 것 같습니다.

styled-components를 사용하며 Ant Design를 사용해야하면 아래와 같이 사용해보세요. 기존의 기본 Tag들과 styled-components를 함께 사용하는 방식과 같습니다! 필요에 의해서 사용할 수도 있겠지만 이렇게 사용하는 경우는 크게 없을 것 같네요 🤓 Antd의 class에 일일히 접근해서 모든 스타일을 바꾸는 것 보다 root의 index.css에서 전역으로 Antd 클래스의 스타일을 Tune 해놓은 다음에 사용하는 것이 좋을 것 같습니다! 😎 (저만의 생각입니다..ㅎㅎ)

지난 시간동안 다수의 React 프로젝트를 진행하면서 프로젝트를 빌드해 갈때마다 디렉토리 구조에 대해서 고민했습니다. 어떤 방법으로 디렉토리 구조를 잡을지는 언제나 어려웠으면 최선, 최고의 선택을 위해 고민하게되었습니다. 이 아티클에서는 해당 문제에 대해서 고민하며 얻게된 제 경험과 알아온 것들을 정리해보았습니다. 먼저, React 공식 페이지에서는 어떻게 프로젝트 디렉토리 구조를 잡으라고 하는지 살펴볼까요? Ref. https://ko.reactjs.org/docs/faq-structure.html 파일 구조 – React A JavaScript library for building user interfaces ko.reactjs.org React 프로젝트를 구조화하는 권장 방법이 있습니까? React..

React Native(RN) 프로젝트에서 정확한 Simulator를 지정하지 않고 Run하게 되면 임의의 Simulator 모델이 켜지게 됩니다. 가장 최근에 사용했던 Simulator 모델이 실행되기도 합니다. $ npx react-native run-ios 하지만 다양한 기기에 올려보고 싶고 더 정확히 특정 Simulator을 실행시키고 싶을 때는 어떻게 할까요? 실행 명령어 뒤에 아래와 같은 명령어를 입력해주면 됩니다! --simulator="" 더 구체적으로 아래와 같은 패턴으로 우리의 RN 프로젝트를 특정 simulator에 올릴 수 있습니다! // iPhone $ npx react-native run-ios --simulator="iPhone 8" $ npx react-native run-i..