본문 바로가기
728x90
반응형

분류 전체보기180

joi 라이브러리로 입력값 검증, messages로 커스텀 메시지 작성하기 이번에 같이 개발하게 된 친구와 함께 협의한 것 중 하나는 우선 서로 같이 쓸 수 있는 개발일지를 만들어서 배포해 보자는 것이었다. 그래서 실제로 코드를 지금 github organization에서 공유하게 되었고, 적어 둔 TODO 중에서 제일 만만해 보이는 걸로 우선 스타트를 끊기로 했다. 그 만만하다는 작업이 "비밀번호 입력값 검증 강화"이다. 이미 joi 라이브러리를 이용해서 기본적인 입력값 검증을 하고 있었기 때문이다. const schema = Joi.object().keys({ username: Joi.string() .alphanum() .min(3) .max(20) .required() password: Joi.string() .min(6) .max(20) .required() }); 이.. 2024. 1. 5.
FlowForge(GTDList) 01 - 04 일지 react-redux의 적용 원래는 어제 로그인 페이지와 회원가입 페이지를 만들고자 했다. 근데 다른 사람들이 만든 좋은 코드를 보고, redux를 적용하는 예제를 보니까 내가 코드를 얼마나 잘못 짰는지가 보였고 아무래도 리팩토링을 해야 할 것 같다는 생각이 들었다. 물론 가능하다면 위에 있는 두 개의 페이지를 만들면서 진행할 예정이다. 현재 소스파일 구조는 이렇다. 보면 지금 pages 아래에 모든 컴포넌트가 몰려 있는데 페이지 단위로 컴포넌트가 나뉘어 있다. 좋지 못한 방식으로 짜여진 구조라는 게 코드를 짜면서 조금씩이지만 느껴졌다. 거기서 redux를 보고 나니까 확실히 문제가 있는 구조라는 것을 알았다. 다시 쓰일 가능성이 있다면 데이터 주입을 담당하는 컨테이너, 뷰를 담당하는 컴포넌트를 분리해야 했다. 리덕스를 제대로 학습.. 2024. 1. 4.
FlowForge(GTDList) 01 - 01 일지 기본적인 브랜딩 새해 신년에 쓰는 일지도 나쁘지는 않다. 3번째 일지가 될 텐데 뭐 크게 외향적으로 바뀐 건 역시나 없다. 애초에 작업량이 근 2일간 많지 못했다. 딱 신년 넘어가는 타이밍이라 그런지 좀 풀어진 것 같다. 그래도 일지를 써서 앞으로 목표를 잡아야 차후가 쉬워지기 때문에 집중하고 써보도록 하겠다. - 오늘의 개발 이번에 바뀐 건 1. 글 제목을 보면 알겠지만 앱 이름을 새로 달아주었다. 브랜딩 하기 좋기 때문에... 처음으로 좀 각 잡고 만드는 앱인 만큼 그냥 임시 이름으로 하기는 좀 그렇다. 1-1. 그것 때문에 로고도 새로 만들었다. 앞으로 내 앱에서 계속해서 쓸 예정이다. 2. 메인 페이지 개설 뭐 그런 고로 간단한 웹페이지 화면도 만들어 두었다. 지금 당장은 특별한 일을 하지는 않는다. 3. 제대로.. 2024. 1. 1.
iPad를 모니터로 만들자! (Windows PC-iPad간 연동) 갑자기 어떤 아는 사람이 최근에 노트북 모니터 사이즈를 14 vs 16중에 고민하고 있어서 망설임 없이 큰 걸 추천해주었다. 13인치 노트북을 지금 쓰고 있는데 아무래도 좀 불편했기 때문이다. 대화를 나누면서 우스겟소리로 iPad를 두번째 모니터로 써보겠다고 우스겟소리로 이야기 했는데... 어... 생각해보니까 충분히 가능할 것 같다?는 생각이 들었다. 그래서 바로 연구를 했는데 리턴이 좋아서 여기에 적어 두려고 한다. 필수 준비물은 모니터를 확장하고 싶은 pc, ipad가 끝이다. usb를 이용해서 연결하고 싶다면(본인은 그렇게 사용하는 중이다.) 컴퓨터랑 ipad랑 연결할 수 있는 선 1개만 더 준비하면 된다. 본인은 ipad살때 딸려온 usb c to c를 쓰기로 했다. 1. Windows 컴퓨터에.. 2024. 1. 1.
728x90
반응형