에바니네

[ 리뷰 ] - 타입스크립트 교과서

계기 이번에 운좋게 길벗 출판사에서 도서 리뷰에 신청해서 당첨이 되었다. 일단 우리 회사에서는 기본적으로 타입스크립트를 사용하기 때문에 타이핑하는 것은 익숙하나 한번도 조금이라도 들여다보려고 한적이 없었고, 마침 Okky에서 글을 보고서 바로 신청을 했었다. 일단 저자분은 내적친밀감이 그득그득한 제로초님이였다. 항상 팩폭으로 때려주는 그분... https://www.youtube.com/@ZeroChoTV ZeroCho TV 4만명이 수강한 제로초 강좌/로드맵 통합 링크! https://www.zerocho.com/lecture https://www.zerocho.com/lecture 의지력이 약해 다른 사람들과 함께 수강하고 싶다면! + 고민상담, 질문도 하고 싶다면 2천명이 모 www.youtube...

오픈 소스 기여 해보기 ( 리액트 문서 번역 )

옛날에 리액트를 처음 공부할때, 이런저런 커뮤니티를 찾아보다가 공식 문서 번역 관련한 커뮤니티가 있다는 것을 알게되어서 들어가보게 되었었다. 일단 제일 먼저 할당을 받아야한다. 내가 가만히 있으면 아무일도 일어나지 않기때문에.. 이건 당연한거다. 그래서 혹여 나처럼 영어 공부도할겸.. 문서 정독하는데 기여까지하고 싶으신 분들이 있을 수 있기때문에 적어보도록 하겠습니다. ( 저도 전문가 아님 ) 할당 받는 법 https://github.com/reactjs/ko.react.dev/issues/374 New React Docs Translation Progress (Korean) · Issue #374 · reactjs/ko.react.dev Maintainer List @hg-pyun @taehwanno ..

[Flutter] - 멀티 스텝 로직 (feat. Stepper Widget)

일단 우리는 이 어플리케이션이 한 회사에 종속된 애플리케이션이 아닌 다른 회사 또한 사용할 수 있도록 만들기로 했기때문에 회원가입 후에 제일 먼저 회사를 정하도록 유도하는게 맞다고 생각되어, 회원가입 후 아래와 같은 멀티 스텝 로직을 통해 등록하도록 유도하고자 했습니다. 1. 조사 위와 같이 검색을 하면 제일 먼저 Reference로 나오는 것들이 Stepper Widget을 이용한 예제 였습니다. 역시.. 믿고 있었다구 플러터.. 2. 스테퍼 위젯이란 ? https://api.flutter.dev/flutter/material/Stepper-class.html Stepper class - material library - Dart API A material stepper widget that disp..

실행 컨텍스트 ( Execution Context )

실행 컨텍스트란 ? 실행 가능한 코드가 실현되기 위해 필요한 환경입니다. 브라우저의 자바스크립트 엔진이 자바스크립트 코드의 변환 및 실행을 처리하기 위한 특수한 환경을 생성하는데 이를 실행 콘텍스트라고 합니다. 여기에는 현재 실행중인 코드와 실행을 지원하는 모든 것들이 담겨 있는데, 실행 컨텍스트 런타임 동안 특정 코드가 파서에 의해 파싱되고, 변수와 함수가 메모리에 저장되며 실행가능한 바이트 코드가 생성되고 실행됩니다. 실행 컨텍스트의 종류 전역 실행 컨텍스트 (GEC, GO) 자바스크립트 엔진이 스크립트 파일을 받게되면 함수 내부에 존재하는 코드 외 모든 코드(빌트 인 객체, BOM , DOM, 전역 변수가)를 기반으로 처음에 전역 실행 컨텍스트를 생성하게됩니다. 그래서 모든 자바스크립파일에는 하나의..

[Flutter] - 회원가입 ( Signup )

일단 일반적인 이메일이랑 비밀번호를 통한 회원가입은 구현을 앞서서 안했었고, 구글 인증만 해놓은 상태였다. 처음내가 피그마로 디자인할때, 회원가입은 따로 없고, ADMIN이 추가한 메일만 가입을 할 수 있게 하려고 했었지만, 어려웠다. 그리고 회사동료랑 이야기 해보고나서 추가해야겠다는 생각을 하고 넣게되었다. 1. 디자인비교 일단 첫번째로 Auto Login은 지우게 되었다. 이유는 Firebase Auth는 기본적으로 별다른 설정을 안해주면 세션토큰을 알아서 관리를 해준다. 그렇기 때문에 굳이 세션관리를 따로 해 줄 필요가 없어서 정말 편한거 같다 ㅎㅎ.. https://firebase.google.com/docs/auth/web/auth-state-persistence?hl=ko 인증 상태 지속성 |..

[Flutter] - 구글 로그인 ( feat. firebase )

일단 앞서서 firebase를 통해서 간단하게 이메일 패스워드로 간단하게 로그인 구현은 해놨는데, 이제 우리 회사메일도 그렇도 Gmail로 되어있기때문에 구글 로그인은 필수적이라고 할 수 있다. 1. google_sign_in package 설치 https://pub.dev/packages/google_sign_in google_sign_in | Flutter Package Flutter plugin for Google Sign-In, a secure authentication system for signing in with a Google account on Android and iOS. pub.dev 2. app을 파이어베이스에 등록을 해줘야한다. 나는 앞서 이메일과 비밀번호를 통한 로그인을 하기 위..

[Flutter] - 로그인 구현 ( feat. Firebase )

일단 로그인을 맡게 되었다.... ! 로그인 자체를 API로 구현을 해달라고 부탁을 해야하나 어떻게 해야하다가 먼저 firebase로 간단하게 구현을 해보려고 한다. 같은 구글에서 만들어서 아마.. 사용이 쉬울거라 예상이 되었다. 그리고 문서가 정말 잘 되어있어서 따라할 수 있었다. 세팅 1 . 파이어베이스에 구글 계정 연동 및 프로젝트 생성 2. 파이어베이스 CLI 설치하기 https://firebase.google.com/docs/cli#setup_update_cli Firebase CLI 참조 | Firebase 문서 firebase.google.com 1 2 3 4 5 // firebase-CLI 사용할 수 있게해주는 패키지 npm install -g firebase-tools firebase -..

첫 사내 사이드 프로젝트 시작

사실을 기반으로 작성하였음 주저리 사실은 딱히 모바일 ( 리액트 네이티브, 플러터, 네이티브 ) 쪽에는 처음에 관심은 없었다. 근데 사내 단짝인 동료가 꼬드기기 시작했다. 언제쯤이였을까 항상 나를 자극해주는 그 친구.. 너무 좋습니다. 사실 자바스크립트만 다뤄본 나로써는 새로운 언어 Dart, 그리고 함수형 컴포넌트만 사용하게 되는 리액트를 쓰다보니 객체지향 언어 그리고 클래스 덩어리인 그 자체가 살짝 두려웠다. 하지만 그래서 내 견문이 넓히려면 더 좋은 기회일거라고 생각했다. 그래서 가볍게 노마드코드 강의를 통해서 배워보았다. 다트에 대한 첫인상은 구글이 밀어주는 엄친아 같은 느낌이였다. DX에 정말 많이 신경을 쓰고 지원해준다는 생각이 들었다. 한참 성장기라서 그런가 업데이트를 정말 자주해서 강의했..