🐤 개발하는 참새 🌞

[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. 색상의 현명한 사용은 의사소통을 향상시키고, 브랜드를 환기시키며, 시각적 연속성을 제공하고, 상태와 피드백을 전달하며, 사람들이 정보를 이..

Firebase 보안규칙 수정 : 파이어베이스에 안전하지 않은 규칙이 있습니다 메일 올 경우 해결 방법 파베 보안규칙 보안 규칙 시작하기 | Firestore | Google Cloud 보안 규칙 시작하기 | Firestore | Google Cloud 의견 보내기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 보안 규칙 시작하기 Firestore 보안 규칙을 사용하면 인프라를 관리하거나 서버 측 인증 및 승인 cloud.google.com 정말 징글징글하게 이메일을 보내 괴롭히던 firebase 보안규칙을 수정했습니다 (계속 경고하니까 불안했슴 🥲 경고 감사합니다 구글씨) 1. 보안규칙 버전 작성 rules_version = '2'; 기존의 rules_version = '1' 은 와일드 카드를 사용할 때 한 개 혹은 두 개 이상의 path를 포함하고 있어야하기 때문에 자유..

[히힉 .. 히..힉ㅎ] Foundations - Branding Branding Apps and games express their unique brand identity in ways that make them instantly recognizable while feeling at home on the platform and giving people a consistent experience. 앱과 게임은 플랫폼에서 편안함을 느끼면서 사람들에게 일관된 경험을 제공하는 방식으로 그들의 고유한 브랜드 정체성을 표현한다. 🤔 브랜딩의 정의에 대해 다시 생각해보게끔 하는 문장이었다. * 브랜드란 ? “제조업자 또는 판매업자가 자기의 제품 또는 서비스에 정체성을 부여하고 경쟁업자의 제품이나 서비스와 차별화하여 고객들에 의해 구별되게 하려는 목적으로 사용하는 이름, 용어, 숫..

[히힉 .. 히..힉ㅎ] Foundations - App icons App icons A unique, memorable icon communicates the purpose and personality of your experience and can help people recognize your app or game at a glance in the App Store and on their devices. 독특하고 기억에 남는 아이콘은 당신의 경험의 목적과 성격을 전달하고 사람들이 앱 스토어와 그들의 기기에서 당신의 앱이나 게임을 한 눈에 알아볼 수 있도록 도와줄 수 있습니다. Beautiful app icons are an important part of the user experience on all Apple platforms and every app and g..

이전 1 2 3 4 5 ··· 7 다음

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

티스토리툴바