🐤 개발하는 참새 🌞

[Swift] Cannot convert value of type 'ModelData' to expected argument type 'EnvironmentObject<ModelData>' 아래 코드를 보고 문득 궁금해졌다. envirionmentObject도 그냥 property처럼 넣으면 어떻게 될까?? struct LandmarkList_Previews: PreviewProvider { static var previews: some View { LandmarkList() .environmentObject(ModelData()) } } 그래서 에러를 한번 만들어보았다. LandmarkList_Previews에서 LandmarkList(modelData: ModelData)로 인스턴스를 생성하려고 하면 에러가 발생하는 이유는 @EnvironmentObject 속성은 환경(environment)에 있는 객체를 가져와 사용하기 위한 속성(property) 래퍼이기 때문이다. 따라서 객체를 직..

[Swift] how to create multiple preview import SwiftUI struct LandmarkList: View { var body: some View { NavigationView { List(landmarks) { landmark in NavigationLink { LandmarkDetail(landmark: landmark) } label: { LandmarkRow(landmark: landmark) } } .navigationTitle("Landmarks") } } } struct LandmarkList_Previews: PreviewProvider { static var previews: some View { ForEach(["iPhone SE (2nd generation)", "iPhone XS Max"], id: \.self) {..

[Swift] 반복문에서 id: \.id 의 의미 1. id 앞에 \. 이 붙는 이유, 반복문을 이용해서 리스트를 만들때 Key를 참조하는법 List(landmarks, id: \.id) { landmark in LandmarkRow(landmark: landmark) } 하지만 Landmark 코드에 struct Landmark: Hashable, Codable, Identifiable { 다음과 같이 Identifiable을 추가해주면 id key path는 삭제해도 된다. Identifiable 프로토콜을 구현하는 경우 id 프로퍼티를 직접 지정하지 않아도 List에서 요소를 식별할 수 있게 되어, key path를 따로 지정할 필요가 없기 때문이다! List(landmarks) { landmark in LandmarkRow(landmark: la..

[Swift] load(_:) method (fetching JSON data) 뜯어보기 import Foundation //Create an array of landmarks that you initialize from landmarkData.json. var landmarks: [Landmark] = load("landmarkData.json") func load(_ filename: String) -> T { let data: Data guard let file = Bundle.main.url(forResource: filename, withExtension: nil) else { fatalError("Couldn't find \(filename) in main bundle.") } do { // Data(contentsOf:) 메서드를 사용하여 파일의 내용을 Data 객체로 읽어온다...

[Swift] Swift 에서 Hashable, Codable은 뭘까? Protocol 알아보기 swiftui tutorial 의 예시 코드를 공부하다보면, Struct 뒤에 ~able 로 붙은 것들이 보인다. 이건 무엇이며 각각 어떤 역할을 할까? Hashable과 Codable은 스위프트 언어에서 프로토콜(Protocol)이다. 예시코드에서 각각의 의미 1. Hashable: Hashable 프로토콜은 객체를 고유한 해시값으로 매핑할 수 있도록 해주는 프로토콜이다. 해시값은 객체를 식별하는 데 사용되며, 해시 함수를 통해 계산된다. Hashable 프로토콜을 채택하면 해당 객체를 Set이나 Dictionary의 키로 사용할 수 있다. 또한, Hashable 프로토콜을 준수하는 객체는 집합(Set)과 같은 자료 구조에서 중복된 요소를 제거할 수 있다. Landmark 구조체의 인스턴스가 Hasha..

[SwiftUI] 헷깔리는 State, Binding, ObservedObject, EnvironmentObject 총정리 SwiftUI에서의 Single Source of Truth(SSOT, 단일 진실 공급원)란 데이터의 일관성과 정확성을 유지하기 위한 중요한 개념이다. 정보 시스템에 대한 SSOT(Single Source Of Truth) 아키텍처 또는 SPOT(Single Point Of Truth) 아키텍처는 모든 데이터 요소가 마스터(또는 편집)되도록 정보 및 모델 관련 데이터 스키마를 구성하는 관행이다. 한 곳에서만 정규 형식으로 데이터 정규화를 제공한다. 이 데이터 요소에 대한 모든 가능한 연결은 참조용이다. 데이터의 다른 모든 위치는 "source of truth" 위치를 다시 참조하기 때문에 기본 위치의 데이터 요소에 대한 업데이트는 전체 시스템에 전파되어 효율성/생산성 향상, 잘못된 불일치의 쉬운 방지 같..

[SwiftUI Tutorials] SwiftUI Essentials - Creating and Combining Views Creating and Combining Views | Apple Developer Documentation This tutorial guides you through building Landmarks — an app for discovering and sharing the places you love. You’ll start by building the view that shows a landmark’s details. developer.apple.com - SwiftUI 앱 수명 주기를 사용하는 앱은 앱 프로토콜을 준수하는 구조를 가짐. - 이 구조의 body 속성은 하나 이상의 Scene을 반환하고 표시할 콘텐츠를 제공. - @main 속성은 앱의 entry point를 식별. - 기본적으로 Swi..

React, Firebase을 이용하여 만든 해커톤 웹페이지 개발팀 회고 http://norithon.com 해커톤 웹사이트는 요기 있고요 ..! 게스트로 로그인하시면 내용 열람이 가능합니다. 🌞 HGU HACKATHON norithon.com 해커톤 디렉터이자 웹사이트 개발 리더로 3개월을 보냈습니다! 웹 개발은 한달정도를 썼습니다. 우리 팀에 대한 한줄 요약은..! 환상의 팀워크와 함께 아주 성공적인 프로젝트였다...... 후! 같이 나누면 좋을 것 같은 내용들을 각자 정리해서 오늘 함께 공유했습니다 :) 아래는 제가 프로젝트 하면서 포스팅 했던 글들 + 이번에 회고를 위해 노션에 썼던 내용 옮긴 글들인데 한번 모아봤습니다. 리액트 폴더구조의 정석이 있을까 우리가 코딩한 src 폴더 사실 노마드코더를 따라했기 때문에.. 그리고 이번 프로젝트는 그 안에서 충분히 커버가 가능..

리액트 폴더구조의 정석이 있을까 우리가 코딩한 src 폴더 사실 노마드코더를 따라했기 때문에.. 그리고 이번 프로젝트는 그 안에서 충분히 커버가 가능했기 때문에 폴더구조에 대한 고민을 할 필요가 없었지만 그래도 폴더 스트럭쳐에 관심이 많은 나는 찾아보았다! 플러터와 다르게, 대부분 거의 통일된 폴더 스트럭쳐를 갖추어 작업을 하는 모습을 볼 수 있었다. 그래서 앞으로 내가 보고 계속해서 참고할만한 내용을 가져와봤다 ..! CRA의 초기 폴더구조 my-app ├── node_modules ├── public ├── src ├── .gitignore ├── package.json └── README.md node_modules 현재 프로젝트에 포함된 라이브러리들이 설치되어 있는 폴더로 보통 깃과 같은 저장소에 올릴 때는 이 폴더를 함께 올리..

개발자도구 야무쥐게 쓰기 ✨ 개발자도구 실행하기 F12 Ctrl + Shift + i Elements : html/CSS 상태 확인 Console : 콘솔 (변수 정보를 확인하고 오류 메시지 표시) Sources : 스크립트 디버깅 (break point 지정 및 변수 모니터링 등) Network : 브라우저에서 발생하는 통신 상태 Performance(예전 Timeline패널) : 성능 측정 Memory(예전 Profiles 패널) : 메모리 사용 형태를 작성하고 누수 탐색. Application(예전 Resources 패널) : 쿠키 및 스토리지 등의 내용 수집 Audits : 페이지를 분석하고 최적화를 위한 팁 나열 Security : Mixed content 이슈, 인증서 문제 등을 디버깅 👍 크롬 개발자 도구 단축키 모..

반응형 웹에서의 컨테이너 크기 반응형 웹이란 브라우저 넓이에 따라 최적화된 사이트를 말합니다. 출력물과는 달리 웹 퍼블리싱 작업이 들어가며, 코드로 구현되기 때문에 고정 값인 디자인을 잡아줄 때 PC / Tablet / Mobile 이런 식으로 최적화된 시안으로 잡아줘야 됩니다. PC const ProjectComponent=styled.div` .contentsbox{ width: 1140px; height: 100%; margin: 0px auto; display: flex; flex-direction: column; } ... ` 우선 저희가 사용한 방법!! (실제 코드 가져왔습니다) 저희는 컨테이너를 1140px로 잡았고, 양쪽에 margin을 auto로 주어 센터에 두었습니다! 그리고 전체 width를 1280px 이상이라고..

[히힉 .. 히..힉ㅎ] Foundations - Color 내가 예전부터 보고싶던 파트 !!! ㅎㅎ 디자인시스템에서 컬러 지정은 아주 중요하기 때문에 이에 관해 애플이 공식적으로 작성한 문서를 읽고 싶었다. 그치만 먼저 읽으면 재미없으니까 ,,, 앞에서부터 차근차근 공부했다 사실 뒤에 다크모드랑 타이포도 상당히 궁금 👀 Color Judicious use of color can enhance communication, evoke your brand, provide visual continuity, communicate status and feedback, and help people understand information. 색상의 현명한 사용은 의사소통을 향상시키고, 브랜드를 환기시키며, 시각적 연속성을 제공하고, 상태와 피드백을 전달하며, 사람들이 정보를 이..

이전 1 2 3 4 5 다음

라이브러리 브랜드 그룹 | 🐤 개발하는 참새 🌞

티스토리툴바