Skip to main content

[작업중]

OVERVIEW

새로워진 똑똑한개발자 프론트엔드 보일러플레이트를 경험해보세요. 실무진 분들이 새로운 보일러플레이트 적응을 위해 제작 된 온보딩입니다.
시작 전, 아래 표를 통해 이전과 이후의 변화를 한눈에 확인해보세요.

-BeforeAfter
Templates단일 보일러 플레이트 저장소에서 관리
[web]next-page-init 
[app]react-native-init
시스템 관리를 위한 모노레포로 관리 및 개별 저장소에서 관리
templates/ 
├── next-page-init
├── next-app-init
└── react-native-init (준비중)
InstallationGithub organiztions 에 접근하여 지정된 Repository template을 사용한 Repository 생성Tokit CLI tool을 통한 로컬 및 원격(optional) 템플릿 생성
Utilities단일 보일러 플레이트 내 위치
src/ 
├── utils
├── hooks
└── components (준비중)
용도, 기능 별 패키지 분리하여 관리: Package List
@toktokhan-dev/node 
@toktokhan-dev/universal
@toktokhan-dev/react-universal
@toktokhan-dev/react-web
@toktokhan-dev/react-app
...
Theming피그마 디자인 시스템에 맞춰 수동 작업- Figma Toktoken Plugin 을 통한 토큰 자동화
 - 토큰 카테고리화  - 추출된 토큰 미리보기 기능
 - 프로젝트 Github 레포지토리에 업로드
[web]
Social Login
동일한 로직의 Oauth 로그인 처리, 미흡한 Social 별 컴포넌트로그인 (팝업 / 링크) 방식에 따른 유틸 분리, 각 Social별 지정된 컬러(컬러모드 대응), 스타일 사용 한 컴포넌트 모듈 생성:
@toktokhan/dev/react-web
(Google, Kakao, Naver, Apple, Facebook)