# onboarding

GLITCH Web3 Onboarding Camp Week2
공통세션 >### 개발자의 길 by Trinity Junha > 분산 네트워크 웹3: early stage여서 개발자에게 더 많은 기회가 있다 >### 디자이너의 길 by ishDAO Woozi > 다양한 서비스들이 우주를 테마 또는 어두운 다크모드로 제공한다. 왜 우주라는 키워드로 할까? > Web3 유저 페르소나: 크게 블록체인이라는 시장 안에 있다 블록체인 얼리어답터, 트렌드 리더, 트렌드 팔로워(트렌드에 민감) > 뉴메타를 쫓는다, 지속적으로 새로운 것을 찾는다. 👉 그런 마음을 읽은게 우주(미지의 세계)가 아닐까 싶다. 미래지향적인걸 좋아한다 (우주는 인류의 미래 산업) 테크 백그라운드가 있어요 (개발자는 시커너걸 좋아하기까지 한다) > 커뮤니티? DAO?
[Flutter] 온보딩 이미지 전체 화면으로 넣기
introduction_screen 패키지를 다운받아서 화면을 만드는데 이미지의 위치가 화면 상단에 고정되어있었다. 내가 원하는 것은 전체화면에 보이는 것인데. 구글링해보니 다양한 방법들이 있어 적용해보았지만, 이미지가 아예 사라지거나, 전혀 변화가 없었다. introduction_screen 도큐먼트를 살펴보던 중, Decoration 항목의 fullScreen 속성을 발견했다. > decoration: PageDecoration( fullScreen: true, ), 결과는 성공적. 이미지가 전체화면으로 알맞게 보여졌다. 새삼 도큐먼트의 중요성을 느꼈다.

3. 창업부트캠프 {창} 3주차
창업부트캠프 3주차를 들으며 느낀점 및 정리를 하고자 한다. 이번 강의는 FrontEnd단 CRUD에 대한 내용을 공부하였다. 패키지 사용해보기 : https://dartpad.dev/?id=7b9d60c0a2af72bc9fc5b5a2ecee03a1 버킷리스트 만들어보기 : https://dartpad.dev/?id=a0e1c1e30bbed209bf6c62a53d102398 버킷리스트에 Provider 사용해보기 : https://gist.github.com/koboolean/ce5bfe5a89e1e0ef7c9b3817952e3c36 ChangeNotifier를 상속받아야 notifyListeners();를 호출하여 데이터를 사용하는 화면을 갱신할 수 있다. Provider 사용법 정리 PDF파일을 다시보면서 이해도를 높여야할 것 같다. 다이어리 숙제 : https://gist.github.com/koboolean/2bc4a15cad1f9a71c82be
HIG App Architecture - Onboarding
원본 문서: Human Interface Guidelines App Architecture >NOTE 본 글은 Apple developer의 공식문서인 Human Interface Guidelines App Architecture원본을 번역하여 정리한다. Onboarding (온보딩) >NOTE Onboarding 이란 사용자가 앱을 처음 설치하고 실행할 떄, 사용자를 환영하며 앱에 관한 전반적인 내용을 소개하는 화면이다. 즉 사용자가 앱을 처음 시작할 때 앱을 활용할 수 있도록 도움을 주는 것 온보딩은 앱의 새로운 사용자와 재사용자를 환영한다. 스킵(건너뛰기)이 가능한 온보딩은 빠르며, 재미있고, 교육적이며, 앱의 사용에 방해가 받지 않게 설계되어야 한다. Onboarding 효과적인 설계 **P
HIG 읽기 - Onboarding
오역이 있을 수 있습니다! 영문 문서를 기본으로 하고 이 글은 참고하는 느낌으로 봐주시면 좋을 것 같습니다. 😊 Human Interface Guidelines - Onboarding Onboarding Onboarding lets you welcome new users and reconnect with returning ones. An optional onboarding experience that’s fast, fun, and educational can help people get the most from your app without getting in their way. 온보딩을 통해 새 사용자를 환영하고, 복귀한 사용자와 다시 연결할 수 있습니다. 빠르고 재미있고 교육적인 선택적인

(기업과제 회고) next.js와 Intersection Observer, 그리고 무한스크롤
결과물 1. nextJS의 Ajax요청? 내가 담당했던 부분은 초기 API 데이터 요청 10개 단위로 한 후에, 이것을 리스트로 나타내고 무한스크롤 로직도 살짝 발을 담가보는(?) 일이었다. 우선 첫날 팀장님의 권고하에 next.JS를 실제적으로 사용해보게 된 나는 next의 장점이 아주 크게 느낄 수 있었다. api 요청에서 CORS문제를 걱정하지 않아도 된다! SSR이기 떄문에, 초기 브라우저 페인팅 속도가 빠르다! 특히, 첫째 이유가 상당히 흥미로우면서 (솔직히 지금도 왜 그런지 알고싶으면서) 좋았다. 기본적으로 nextJS는 "서버이기 때문에 CORS 규칙에서 자유롭다" 는 강력한 장점을 가진다. >CORS란, Cross-Origin Resource Sharing 의

React Router -왜 useLocation은 render를 일으킬까?
자란다 프로젝트 문제 자란다 과제를 배포 전에 코드 정리를 하면서 의문점을 들게 한 코드를 찾게 되었다. 화면에 랜더링 되는 공통 컴포넌트 Header.js 파일에서 react router 패키지 함수인 useLocation() 호출만으로 useEffect와 useState 없이 해당 화면을 랜더링 시키는 현상을 발견했다. 수정 전 location 선언 및 할당 but 사용하지않음 수정 전 실행 화면 의도한 대로 작동은 한다..... 하지만 useLocation()을 주석 처리하고 실행을 하면 아래 영상처럼 헤더 영역의 로그인 버튼이 프로필 아이콘으로 바뀌지 않는다. location 선언 및 할당 & 주석처

Wanted OnBoarding 2주차 후기
1~2주차에 진행한 과제들😎 2회차 github https://github.com/JOHNKIM-KK/react-infinite-scroll 3회차 배포링크 https://mrcamel-assignment2.netlify.app/ 4회차 배포링크 https://jaranda-f17b8.web.app/ 진행하면서 생긴 문제...📝 이번 블로깅은 기술에 관한 블로그 보다는 지금 맞딱뜨린 문제를 해결하는 블로깅을 작성해보려한다. 체력/멘탈관리...😰 3개월간 위코드에서 2개의 팀 프로젝트와 1개의 기업협업 프로젝트를 진행하는 과정이 무척 재밌었지만 나만 그런건지 모르겠지만 코딩이란게... 한번 빠지면 무섭도록 중독되버리니... 체력관리를 하지않고 스프린트하듯 달려왔다. 그러다 운이 좋아 프리온보딩_프론트엔드 코스를 알게되어 신청하게 되었고 벌써 4회차 과제를 제출했다. 지난 3개월간 밤낮없이 달려와 이미

Wanted OnBoarding #1 Infinite Scrolling
어떤 기능인가?📌 스크롤을 일정부분 내리게 되면 더많은 데이터 및 정보가 밑으로 쌓이게 된다. Infinite Scrolling 즉, 무한스크롤이란 계속 스크롤을 내리면서 정보를 탐색할 수 있는 기능을 말한다. > 어떻게 구현 했을까? 🔑 무한스크롤을 구현하기위해 구글에 검색한 결과 크게 두가지 방법을 사용하였다. scoll event와 IntersectionObserver API를 사용하는것! 📝 scoll event? document.documentElement에 접근하면 html geometry값에 접근이 가능하다. geometry값을 알기쉽게 정리해놓은 이미지이다. ( 출처:javascrip