Learn (80) 썸네일형 리스트형 Flutter SplashScreen/가이드스크린 만들기 앱을 실행 할 때 화면을 렌더링 할 때 까지의 과정을 매끄럽게 하기 위한 장치 https://pub.dev/packages/flutter_native_splash flutter_native_splash | Flutter packageCustomize Flutter's default white native splash screen with background color and splash image. Supports dark mode, full screen, and more.pub.dev pubspec.yaml 파일에 해당 종속성이 추가dependencies: flutter_native_splash: ^2.3.1 flutter_native_splash.yaml 파일을 만든 후 아래 코드를 추가 flutt.. Flutter Provider를 이용한 상태관리 태블릿 앱을 완료 후에 태블릿 앱에서 얻은 point를 사용할 APP을 만들어야 했다. 기존 버전의 APP이 있었지만 kotlin으로 작성이 되어있었고, IOS 앱도 출시하길 원했기에 flutter로 작업을 진행했다. 앱 기획 상 대규모 작업이 아니였기에 Bloc,Get X 가 아닌 provider로 상태관리를 했다. 또한 태블릿 앱에서 지체됐던 시간을 단축시키기 위함도 있었다. https://pub.dev/packages/provider provider | Flutter package A wrapper around InheritedWidget to make them easier to use and more reusable. pub.dev Provider란? Provider는 Flutter에서 상태 관리.. Flutter 웹이 아닌 앱을 만들기 위해서 그 동안 배웠던 것과는 다른 Flutter를 시작하려고 한다. React native가 아닌 Flutter를 선택한 이유는 너무 많기 때문에 생략~ 일단 원하는 앱을 만들기 위해서 간단한 앱을 만들어서 점차 더 해가는 느낌으로 갈 예정이다. 빠르게 배워서 비슷한 모양이라도 만들기 위해서 메모를 에디터에 해버리는 중이다.. 따라서 블로그에 올릴 글이 점점 사라지는 느낌.. 기본기가 끝나는 대로 하고싶은 기능들 - 카메라 연동 - 포인트 사용 - Map API - 블루투스 연동 - 번호로만 회원 연동 Typescript로 블록체인 만들기 여러 블록이 사슬처럼 연결된 것이 블록체인 그 연결고리가 해쉬 값 https://github.com/DefinitelyTyped/DefinitelyTyped GitHub - DefinitelyTyped/DefinitelyTyped: The repository for high quality TypeScript type definitions. The repository for high quality TypeScript type definitions. - GitHub - DefinitelyTyped/DefinitelyTyped: The repository for high quality TypeScript type definitions. github.com DefinitelyTyped / types 폴더는 TS.. Next.js로 포트폴리오 만들기[Vercel] https://next-js-project-zeereoreo.vercel.app/ Create Next App 안녕하세요."지우석" 입니다. "조금만 더" 란 생각으로 멈추지 않고 "다른 방법은?" 이란 생각을 하길 좋아하며, "재밌게" 란 생각으로 행동합니다. next-js-project-zeereoreo.vercel.app Next.js 와 Vercel로 간단하게 포트폴리오를 만들어봤다. next.js 와 react 수업 이외의 것들은 모두 생소해서 오히려 재미있었다. 기존과 다른 획기적인 것을 만든 것은 아니지만 새로운 것들을 많이 접할 수 있는 기회가 되었다. - Vercel 배포 항상 AWS로만 배포하다가 Next.js에서 만든 Vercel이란 것을 사용해 봤다 같은 회사에서 만들어서 그런지 연.. Next.js (8) JWT 회원가입 기능 Next-auth 라이브러리를 사용하면 기본적으로 모든 방식이 JWT 유저 세션데이터를 DB에 저장해두지 않고 JWT만 유저에게 보내고 유저가 로그인이 필요한 페이지 방문시 유저가 제출한 JWT만 검사해서 입장시켜주는 방식 JWT를 사용하면 로그인 구현은 쉬워지는데 JWT방식의 단점같은게 마음에 안들어서 session 방식으로 회원기능을 만들고 싶으면 DB adapter 기능을 쓰면 된다. DB adapter 기능을 켜놓으면 1. 첫 로그인시 자동으로 유저를 회원가입 시켜서 DB에 유저 회원정보를 보관 2. 로그인시 자동으로 유저가 언제 로그인했는지 세션정보를 DB에 보관 3. 서버에서 지금 로그인된 유저정보가 필요하면 JWT가 아니라 DB에 있던 세션정보를 조회해서 가져온다. 4. 로그아웃시 유저 세션.. Next.js (7) 로그인 방식 정리 및 OAuth 기능 구현 간단한 개념정리 ** JWT, session, OAuth 1. session 방식 (DB에서 session 아이디 확인) - 로그인/아이디/유효기간/세션 id - 장점 : 유저의 GET/POST 요청마다 로그인상태 체크가능 - 단점 : DB가 힘들어 함 -> 보완: redis 세션용 DB (입출력이 빠름) 2. token 방식 (server에서 확인, server에서 위조확인) - 장점 : DB까지 가지 않아 유저가 많으면 편함 - 단점 : 나쁜사람한테 해킹 당하기 쉬움 -> 보완 : 나쁜사람 DB 저장 , 토큰만의 방식 사라짐 ** OAuth 1. 사용권한 대여/ 회원정보 대여 ( 소셜 로그인 ) ** Next.js에서는 라이브러리 설치하고 코드 복붙하면 쉬움 (nextAuth.js / Auth.js).. Next.js (6) static/dynamic rendering/캐싱 Dynamic rendering / Static rendering Next.js에서 페이지를 하나 만들면 기본적으로 static rendering 식 페이지안에 fetch라든지 그런 함수가 없는 일반 페이지들은 기본적으로 static rendering으로 동작 이 경우 매우 빠르게 페이지 전송이 가능 - fetch('/URL', { cache: 'no-store' }) 로 데이터 가져오는 문법 - useSearchParams(), cookies(), headers() - [dynamic route] 이런걸 사용한다면 dynamic rendering 으로 페이지가 동작 유저가 페이지 접속시 html에 변동사항이 들어가야하기 때문에 유저가 페이지에 들어갈 때마다 html 페이지를 서버에서 다시 그려준다는 소.. 이전 1 2 3 4 ··· 10 다음
