타입스크립트 강의를 수강하고 프로젝트에 적용해보는 것이 빠른 이해와 학습에 도움이 될 것 같아, 기존 구글 캘린더 클론 프로젝트에 타입스크립트를 한 스푼.. 적용해보았습니다. 타입스크립트 설치하기 1. 타입스크립트 패키지 설치하기 npm i -D typescript @types/node @types/react @types/react-dom 2. tsc 커맨드 사용하기 tsc --init // tsc 명령어가 활성화 되지 않을 때는 // brew install typescript 초기 트러블 슈팅 해결하기 1. no inputs were found in config file '.../tsconfig.json' ~~ 기존 jsx 파일만 존재하는 프로젝트 경로에 위와 같이 타입스크립트를 추가하면 다음과 같은 ..
SW 마에스트로 14기를 수료한 수료생의 선발 및 준비 과정 회고이자 후기 글입니다. 우연히 쏘마 모집 공고를 보게 되는데,, 2022년도 블로그 글을 보게 되면, 그 당시에는 케이쉴드와 클라우드 공모전을 마무리하고 보안 공부를 하고 있던 때였다. 개발과 보안, 두 분야 중 진로를 고민하면서 2022년은 이것 저것 모두 도전해보는 시기였다. 그리고 2023년도가 되어서 어떤 활동을 하면 의미있는 한 해를 보낼 수 있을까 계속 고민했다. 그러다가 1월 중순 정도에 보안 대외활동 중 top인 BOB 프로그램의 일정과 모집 관련 내용을 찾아보다가, 검색 결과에서 SW 마에스트로도 같이 확인하게 되었고 우연히 14기 연수생 모집 공고를 확인하게 되었다. 개발이라는 분야에 정식적으로 뛰어들면 어떨까, 재밌게 공부..
소프트웨어 마에스트로(SWM) 14기 수료생의 멘토링 후기 글입니다. 멘토님을 만나기까지 이광헌 멘토님을 만나기까지는 우여곡절이 존재했다. 이광헌 멘토님께서는 뛰어나신 프로젝트 매니징(PM) 역할과 열정, 멘티들을 생각해주시는 마음 등으로 멘티들 사이에서도 소문이 자자했으며, 다른 많은 팀들의 경쟁 대상이 되시는 유명한 멘토님이셨다. 우리 팀에 PM 역할을 맡아주실 분이 있다면, 수료까지 제대로 된 협업을 진행할 수 있겠다고 팀끼리 상의했고 멘토님께 연락을 드리기로 결정했다. 하지만, 멘토님께서 다양한 팀들을 만나보시면서 팀을 선정하시는데 미팅 일정이 다 차서 우리팀이 신청하기에는 이미 늦었었다. 점점 포기하려고 하던 찰나에 우리팀은 다시 한 번 연락을 드리지 않으면 나중에 후회할 것 같아서 짧은 시간이..
포스팅 계기 소마(SWM) 과정에서 서비스를 기획하고, 개발하는 중 소셜 로그인 기능이 우리 서비스에 필요하여 구현에 돌입하게 됐다. 해당 서비스는 모바일 서비스로 프론트에는 Flutter를, 백엔드에는 Spring을 통해 프로젝트를 진행하고 있었다. 프로젝트에서는 구글 플레이 스토어에 먼저 출시할 예정이여서 Google, Naver, Kakao 소셜 로그인을 우선 구현하기로 결정했다. Flutter를 처음 다뤄보기 때문에 소셜 로그인 구현에 관련해서 많은 서칭을 진행해보았다. 서칭 결과는 대부분 Flutter 라이브러리 기반의 구현 내용만 다루고 있을 뿐, 서버 기반의 소셜 로그인 구현에 관련한 내용은 잘 찾아볼 수 없었다. 예를 들면, naver sdk나 kakao sdk를 사용하여 구현하는 방법에 ..
💡 ImagePicker().pickVideo()에서 source를 ImageSource.gallery로 가져오는 과정에서 문제가 발생했다. (앱 강제 종료) ImagePicker().pickVideo( source: ImageSource.gallery, ); 시도 방법 단순 시뮬레이터를 재부팅하면 해결된다는 글이 있었다. 실패 flutter clean > Get Dependencies > build 실패 저장공간 > 개발자 > Xcode 캐시 및 프로젝트 빌드 데이터 및 인덱스 삭제 후 시뮬레이터 재부팅 실패 해결 방법 단순히 권한 설정을 하지 않아서 발생하는 문제였다고 한다.. 해당 패키지에는 다음과 같이 3가지의 권한이 필요하다. ios > Runner > Info.plist에서 설정하도록 하자. ..
Button 종류 ElevatedButton OutlinedButton TextButton ElevatedButton ElevatedButton( onPressed: () {}, style: ElevatedButton.styleFrom( backgroundColor: Colors.green, foregroundColor: Colors.black, shadowColor: Colors.green, elevation: 20.0, textStyle: TextStyle( fontWeight: FontWeight.w700, fontSize: 10.0, ), padding: EdgeInsets.all(22.0), side: BorderSide( color: Colors.black, width: 2.0, ), ), c..
