라티의 작은 일기장

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.https://bit.ly/4gL1f1o 커리어 성장을 위한 최고의 실무교육 아카데미 | 패스트캠퍼스성인 교육 서비스 기업, 패스트캠퍼스는 개인과 조직의 실질적인 '업(業)'의 성장을 돕고자 모든 종류의 교육 콘텐츠 서비스를 제공하는 대한민국 No. 1 교육 서비스 회사입니다.fastcampus.co.kr  오늘은 스프링 기반 프로젝트에서 프로퍼티(Properties)를 관리하는 방법에 대해 학습했다.프로퍼티는 프로젝트 내부에서 전역적으로 사용할 수 있는 어떤 key-value 쌍의 값인데, 프론트에서의 환경변수(Environment Variable)를 떠울리며 공부하니 편했다.resources/ 하위의 application.properti..

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.https://bit.ly/4gL1f1o 얼마전 작성한 회고글에 백엔드 개발 공부를 시작하는 것을 다짐하는 내용을 썼었는데, 우연히도 패캠에서 환급챌린지 이벤트를 진행하는 것을 보고 냉큼 백엔드 강의로 챌린지를 시작했다. 기간은 한달, 이 기회에 백엔드 찍먹 열심히 해보자고~ 나는 챌린지 시작일 이전부터 강의 수강을 시작했기 때문에, 오늘은 DI 실습 파트, AOP 개념 소개 클립을 보고 공부해봤다.스프링은 Bean이라는 객체 또는 모듈(패키지) 단위로 의존성 주입이 가능한데, 요즘은 xml 기반의 의존성 주입 방식보다 자바 기반(Spring 3버전 이상) 또는 어노테이션 기반(Spring 2.5버전 이상)의 방식을 많이 사용한다고 한다. ..

연말 회고 시즌에 패스트캠퍼스에서 수강후기 이벤트를 진행하고 있어서 마침 한창 수강중인 React Native 강의를 수강하며 느낀 점과 앞으로 신입 프론트엔드 개발자로서 어떤 목표를 이뤄나갈 예정인지에 대해 글을 작성해보려 한다. 우선 내가 수강중인 강의의 제목은 아래와 같다.React Native 앱 개발의 모든 것 : 4가지 프로젝트로 마스터하는 웹뷰부터 앱 개발까지  기존에도 RN 강의가 하나 있었는데 웹뷰와 연동해서 개발하는 RN 강의가 하나 추가되었던걸로 기억한다.RN은 취준 시절부터 관심을 가졌던 기술이고, 최근에는 내년 상반기 회사 프로젝트 로드맵에 레거시 앱 프로젝트 마이그레이션을 RN으로 진행하게 되어 공부할 필요성이 크게 올라갔다. 기대를 안고 강의 수강을 시작했다.  우선 강의 총평..

오늘은 스크롤에 따라 NavigationBar에 있는 Title이 하단 Fragment 영역으로 내려오며 커지는 Animation을 구현해보았다. 일단 NavBar에 있지만 영역을 벗어나며 커지는 듯한 효과를 주려면 Title 자체가 NavBar에 종속되지 않고 Stack에 있어야한다. Title이 줄어드는 Animation 효과를 구현하기 위해서는 AnimatedContainer와 AnimatedDefaultTextStyle이 필요하다. 둘 다 duration이라는 프로퍼티를 받을 수 있는데, Animation이 일어나는 주기를 설정한다. (값이 클 수록 긴 애니메이션) 그래서 스크롤이나 전환(Transition) 효과의 경우 굉장히 매끄럽게 동작하는 Animation 효과를 구현하려면 duration..

오늘은 Flutter에서 공식적으로 지원하는 애니메이션 위젯 중 ImplicitAnimation에 대해 알아보았다. 강의 초반에 Flutter Inspector에 대해 알아보는 시간이 있었는데, 아 이걸 왜 이제... ㅠㅠ 안 그래도 웹 개발에는 개발자 도구가 편하게 잘 되어있는데 Flutter엔 왜 없을까하고 고민이 많던 참이었다... 제일 필요했던 기능이 위젯을 클릭해서 해당 위젯을 구현하고 있는 코드로 한번에 이동하는 것이었다. 이제라도 알아서 다행이다. 그렇지만 나는 처음에 이렇게 Flutter Inspector를 실행할 수 없는 에러를 만났었다. 그래서 일단 스택오버플로를 뒤져서 아래 스텝을 밟았다. Help -> Find Action Choose Boot Java Runtime for the ..

오늘은 이전 챕터에서 만들었던 토스 클론 앱에 Flutter에서 제공하는 Animation을 적용하는 실습을 진행했다. 일단 전통적인 Animation 자체는 정적인 이미지들을 매우 잦은 빈도로 연이어 보여주면서 구현되는데, Flutter는 유저의 인터랙션과 Flutter 앱의 Build 사이에 Animation Layer를 도입하면서 애니메이션에 대한 최적화가 되어있다. Build 하위에도 Layout, Paint, Composition, Rasterize라는 Layer가 존재한다. 무튼 Animation Layer에서 Flutter는 Animation을 이루는 단일의 장면을 구현할때 tic()이라는 함수를 호출하게 된다. UI에 덧씌워서 유저의 인터랙션에 반응하는 UI를 만들 때 Code based ..

오늘은 토스앱 3시간 만에 만들기 섹션의 마지막 파트를 수강하는 날이다. 얼마 안 남았으니 힘내서 잘 끝내보자! 일반적인 앱의 설정 화면이 으레 그렇듯 토스도 설정 화면의 형태 자체는 스크롤이 가능한 리스트뷰의 형태를 갖는다. 그래서 오늘 배울 중요한 내용들은 화면을 구현하는 방법 보다는 설정값들을 디바이스에 저장하고, 다양한 설정값들을 어떻게 상태관리하는지... 이런 것들이 주를 이룬다. 강의를 계속 들어보니까 설정 화면을 그대로 클론하는 것이 아닌, 설정 화면에서 활용할 수 있는 위젯을 구현하는 방법과 그 설정값 상태를 어떻게 관리하는지에 대한 내용이 나온다. 나도 수강생 입장에서 이런 내용들이 더 중요하다고 생각한다. 굿굿 간단하게 푸시 알림 설정을 관리하는 메뉴를 만든다고 해보자. 그럼 형태는 아..

오늘은 주식 탭에서 상단 appbar의 검색 버튼을 눌렀을 때 나오는 화면을 구현하기 시작했다. 일단 강사님의 구현 속도가 너무 빨라서 강의를 한번 쭉 보면서 든 생각은... 단축키 활용 능력이 진짜 중요하다... IDE 활용을 잘하면 당연한 얘기지만 개발 속도가 매우 빨라진다. 오늘은 구현은 못하고 강의를 들으면서 필기만 열심히 했다. - SafeArea 위젯은 앱의 화면이 OS의 상단바와 겹치지 않도록 해준다. - TextInput 위젯의 textInputAction 프로퍼티로 네이티브 키보드의 주 액션 버튼 유형을 지정해줄 수 있다. (신기했음) - TextInput 위젯의 onEditingComplete 프로퍼티로 함수를 할당하면, 주 액션 버튼에 대한 콜백을 지정해줄 수 있다. - 네이티브 키보..