야곰에서 제공하는 강의 자료를 통해 디자인 패턴에 대해 학습해 보려고 한다.swift, iOS에 관한 자료가 깔끔하게 정리되어 있는 야곰... 메인 캐릭터마저 너무 귀엽고 포근해서 괜히 기분이 좋아진다. 본격적으로 공부해보자9~~ 🍏 디자인 패턴이란?프로그래밍을 설계할 때 자주 발생하는 문제들을 해결하기 위해 사용되는 패턴, 구조디자인 패턴은 정형화된 기술이 아니다. 오래도록 경험이 축적되면서 널리 굳혀진 방법론이다.그래서 '선배들의 삽질 기록물'이라고 부르기도 한다...즉, 정답이 없다는 것...!디자인 패턴을 학습함으로써 코드를 이렇게 작성할 수 있구나 하며 새로운 코드의 구조를 경험하는 것이 중요 !!  🍏 디자인 패턴의 장점은 !?디자인 패턴은 왜 써야 하는가에 대한 답변이기도 하다.장점은 크..

🔗  출처 링크https://techneedle.com/archives/42484 Brickit – 인공지능으로 쉽게 만드는 레고 작품바닥에 흩어진 레고 브릭들을 사진 찍으면 어떤 작품을 만들 수 있는지 알려주는 Brickit이 최근 버전 4.0으로 대규모 업데이트를 했다. Brickit은 컴퓨터 비전과 인공지능 기술로 다량의 레고 브릭techneedle.com📆  발행일 : 2022-06-03  💻  요약Brickit은 바닥에 흩어져 있는 레고 조각들을 스캔하면, 인공지능이 이를 분석하여 만들 수 있는 작품을 보여주고, 어떻게 만드는지를 알려주는 유료 앱이다. 이는 컴퓨터 비전과 인공지능 기술을 접목하여 다량의 레고 조각들을 인식하여 작품을 만들 수 있도록 도와준다. 특히 새롭게 추가된 'find..

🔗  출처 링크https://www.technologyreview.kr/ai-reinvents-the-metaverse-world/ AI는 메타버스 세계를 재창조한다 - MIT Technology ReviewAI는 그 자체로 고도화된 첨단기술이지만 블록체인, VR, 뇌과학 등 다른 영역에 있는 기술과의 융합을 통해서도 새로운 가치를 만들어낸다. 그 중에서도 특히 눈여겨볼 만한 영역은 메타버스다.www.technologyreview.kr📆  발행일 : 2021-11-18  💻  요약위 기사는 인공지능 기술이 메타버스(Metaverse) 개념을 새롭게 재구성하고 있다는 내용을 다룬다. 메타버스는 가상 현실(Virtual Reality) 기술을 기반으로 한 컴퓨터 그래픽스와 인터넷 기술을 활용해 만들어지..

🚨 이슈 책을 따라하다 보니, 버전이 맞지 않아서 그렇구나 하고 넘어갔던 부분 중, 그래서는 안되는 부분이 있었다. 책에서 storyboard를 언급하고, 이를 사용하는데, 생각보다 중요한 역할을 하고 있었다. 이 부분은 처음 프로젝트를 생성할 때, User interface 설정을 'SwiftUI''가 아닌, 'Storyboard'로 설정해야 했다. 그렇게 하니, 이름은 조금 다르지만, storyboard를 사용할 수 있었다 ! 💻 문법 정리 아웃렛 변수 (Outlet Variable) 객체에 대한 속성을 지정할 때 연결 @IBOutlet weak var lblHello: UILabel! @IBOutlet : @IBOutlet으로 정의된 변수를 아울렛 변수라고 부른다. IB는 Interface Buil..

Swift에 대하여swift는 ios, macOS, watchOS, tvOS의 앱 개발을 위한 프로그래밍 언어이다.C와 Objective-C 개발과 비슷하게 느낄 수 있다. swift는 C와 굉장히 비슷하다. 왜냐! C의 기본적인 type들을 제공하기 때문이다.integers -> intfloating-point -> Double, FloatBoolean -> Booltextual data -> StringCollection Types -> Array, Set, Dictionaryswift는 C처럼 변수를 사용하여 값을 저장한다. 여기에는 Constants가 있는데, swift에서의 constants는 c보다 더 강하다.constants는 본래 값이 변하지 않는 변수로 이해하면 되는데, 이 constan..

이제 Step 6 !!! 지금까지 우리가 만든 앱은, next 버튼을 누르면 이전에 나왔던 단어를 볼 수 없었다. 그래서 이번 단계에서는 'Like' 버튼을 눌러, 원하는 단어를 기억해보려고 한다. 이번 목표는 다음 화면과 같다. Add the business logic MyAppState 에서 다음과 같이 코드를 수정해보자. lib/main.dart // ... class MyAppState extends ChangeNotifier { var current = WordPair.random(); void getNext() { current = WordPair.random(); notifyListeners(); } // ↓ Add the code below. var favorites = []; void t..

지난 스텝까지 잘 따라왔다면 다음과 같은 결과가 나왔을 것이다. 하지만 모두 느끼듯, 현재는 패딩도 맞지 않고, 우리가 중요하게 보여줘야 할 데이터인 word가 한 눈에 들어오지 않는다. 우리는 사용자가 느끼기에 조금 더 쉽게, 원하는 정보를 얻을 수 있도록 해야한다. 그래서 이번 스텝에서는 이러한 시각적인 요소(디자인) 에 조금 신경을 써보려고 한다. 코드랩에서 제시한 다음 우리의 목표는 이 이미지와 같다. Extract a widget 현재 우리 코드에서는 word pair를 다음과 같이 나타내고 있다. Text(appState.current.asLowerCase) 이 코드를 조금 더 복잡하게 바꿔보려고 한다. 이 코드를 별도의 위젯으로 빼는 것이 좋다고 한다. 이처럼 UI의 각 요소에 대해 별도의 ..

1. Introduction 학습할 내용은! ✅ flutter가 어떻게 작동하는지의 기초 ✅ flutter에서 layout 만들기 ✅ 앱 동작과 user interaction의 연결 (좋아요 버튼 누르는 것이 그 예) ✅ flutter 코드를 정갈하게 짜는 것 ✅ 반응형 앱을 만드는 것 (screen 크기에 따라 다른게 반응할 수 있음 !) ✅ 앱의 일관된 형태와 느낌을 주도록 2. Set up your Flutter environment (flutter 환경 설정) 📍 Visual Studio Code 사용 codelab 공식 문서에서 vscode를 다운받을 수 있도록 연결해두었다! 공식문서 링크 ⬇️ https://codelabs.developers.google.com/codelabs/flutter-..

리엑트.. js, html, css 이 중 그 어느 것도 배운 적, 접한 적 없었지만... 굉장히 짧은 시간에 리엑트를 공부해야만 했다. 주어진 시간에 js부터 배우고, 차근차근 강의를 들으며 공부했다. 하지만.... 제대로 이해하고, 실전에 사용하기에는 자신감과 지식이 턱없이 부족했다. 이번 프로젝트를 돌아보면 거의 실전에 부딪히며 배웠던 것 같다. 그 중 리엑트로 마크다운 에디터와 뷰어 구현하는 부분을 정리해보려고 한다. 너무나 다행히 많은 사람들이 포스팅을 해두었고, 너무나 편리한 패키지가 있었기에 아주 쉽고 간단하게 사용할 수 있었다. 물론 뷰어를 하는 것에 있어 아주 오랜 시간 삽질을 했다는 것...은 잊지 못할 것 같다...하하 1. install npm i @uiw/react-md-edito..

state props . . 특정 코드들이 첫 번째 component render에서만 실행되게 하자. 처음 한 번만..!! 나중에는 상태가 변해도 실행되지 않도록. 우리가 state를 변경할 때 모든 code가 다시 실행된다. 하지만 그럴 필요가 없을 경우!! 어떻게 해야할까? useEffect를 사용한다. 이 useEffect는 두 개의 argument를 가지는데, 첫 번째는 우리가 딱 한 번만 실행하고 싶은 코드이다. ex) useEffect(function1, []) 두번째는 ... 마법같다....? 결국, useEffect에 대해 배웠다. 이 함수는 계속 실행되지 않도록 하는 것. 한 번만 실행해도 되는 것들을 다루는 함수이다. 두 번째 argument는.. 이럴 때 사용한다. 특정한 부분이 변..