본문 바로가기

전체 글29

[TaskStock] 인증/인가 로직 설계하기 with JWT 프롤로그프로젝트 TaskStock기간 기획, 개발 : 2023.11.7~ 베타테스트 : 2024.2.22~3.14 정식 출시 : 2024.3플랫폼iOS, Android언어FE: TypeScript / BE: JavaScript프레임워크 FE: React Native / BE: Node.js Express라이브러리Redux Toolkit TaskStock은 실제로 사용자를 받을 것을 염두하고 만든 서비스다 보니 보안에 신경을 많이 썼다. 우리가 JWT를 쓰면서 어떤 고민을 거쳐 어떤 로직을 설계했는지 소개해보려고 한다. 로직 설계 과정1. 일반로그인 로직 설계 이메일, 사용자 이름, 비밀번호를 받고 이메일은 unique하다. 토큰에는 유저 id가 포함되고, 개인정보와 관련된 것들은 최대한 토큰에 포함시키지.. 2024. 3. 28.
[TaskStock] Atomic Design Pattern 도입기 프롤로그프로젝트 TaskStock기간 기획, 개발 : 2023.11.7~2024.3베타테스트 : 2024.2.22~3.14정식 출시 : 2024.3플랫폼iOS, Android언어FE: TypeScript / BE: JavaScript프레임워크 FE: React Native / BE: Node.js Express라이브러리Redux Toolkit React Native를 3주 만에 학습하고 투입된 피로그래밍 앱개발 프로젝트에선 정말 중구난방으로 컴포넌트를 관리했다. 컴포넌트를 따로 폴더를 만들어 관리해야 한다는 필요성조차 알지 못했던 시절이다. 공개하기 부끄럽지만 피로그래밍 앱의 /components 폴더 안에서 관리되고 있는 컴포넌트들은 성격에 상관없이 한 계층에서 모두 관리되고 있다. 모달, input,.. 2024. 3. 27.
피로그래밍 공식 홈페이지 리뉴얼한 이야기 개발 기간2023.10.17~2023.11플랫폼Web개발 인원2명담당 역할1. UI/UX 개편 2. Frontend언어Python, JavaScript프레임워크Django협업툴Github, Notion, Figma 작년 11월에 완성한 홈페이지에 대해 이제야 글을 남긴다..! 20기 활동도 끝난 시점이라 ㄹㅇㄹㅇㄹㅇ 뒷북이다 나는 피로그래밍 19기로 활동한 후 20기 부회장으로 활동했다. 회장단의 할 일 중 하나는 홈페이지 유지보수이다. 처음 홈페이지가 만들어진 후로 몇 년간 바뀐 적이 없어서 한번 바꿔볼까? 하는 생각에 회장님과 대공사를 시작했다. 회장님이 백엔드를 맡고 내가 프론트를 맡았다. 웹개발 동아리인 만큼 재미있는 이펙트를 많이 추가했다. 1. 커스텀 마우스 마우스를 display none 시.. 2024. 3. 26.
[Navigation] Stack vs Native Stack 무엇을 선택해야할까? 우선, 차이가 뭔지 알아보자 1. Stack NavigatorStack Navigator | React Navigation Stack Navigator | React NavigationStack Navigator provides a way for your app to transition between screens where each new screen is placed on top of a stack.reactnavigation.orgnative가 아니라 js로 구현된 것따라서 각 플랫폼의 navigation을 사용하지 않는다native로 구현된 것보다 성능이 안좋을 수 있음JavaScript 구현으로 인해 대규모 애플리케이션 또는 복잡한 전환 효과를 사용할 때 성능 저하가 발생할 수 있음 JavaSc.. 2024. 3. 26.
[ReactNative/AOS] Native module RNDatePicker tried to override RNDatePicker. Check the getPackages() method in MainApplication.java ios에서는 잘 되는데 android에서 빌드할 때 이런 오류가 떴다. MainApplication.java 파일에 있는 getPackages() 메서드 내에서 RNDatePicker 모듈이 수동으로 추가되고 있는지 확인. 만약 추가되고 있다면, 그 부분을 주석 처리하거나 제거. 하지만 우리는 수동으로 추가하지 않았다. 뭐가 문젤까.. Native module RNDatePicker tried to override RNDatePicker. Check the getPackages() method in MainApplication.java 여기서 말하길, ReactContextBaseJavaModule을 extend하는 함수 내에서 다음을 추가하라 한다. @Override public boolean canO.. 2024. 3. 26.