Frontend 개발자 - hyo.loui

🎯목적 : Firebase - Authentication : 로그인 / 로그아웃 기능 학습 및 적용 >> Firebase : FireStore 연결 🤢 오류 발견 (미해결 로그아웃 후 currentUser가 null이 되어 마이페이지 tabs 클릭시 에러가 출력 1. UI Layout 만들기 회원가입 UI와 마찬가지로 라는 라이브러리를 사용했다.. 라이브러리로 가져온 태그로 상위를 감싸주었고, ID(아이디), Password(비밀번호), Login(로그인), Register(회원가입) 부분으로 나누었다 스타일은 Emotion을 사용했다 회원가입기능, 로그인 실행 함수에서 유효성 검사가 진행되는데 해당 부분의 로직이 전체적으로 코드가 길고 가독성이 떨어져 유효성검사를 하는 부분을 따로 나누어 리펙토링 해 ..

🎯목적 : Firebase - Authentication : 회원가입 기능 학습 및 적용 >> Firebase : FireStore 연결 🤢 오류 해결 : 스크롤 문제 라이브러리 태그로 해결 휴먼에러.. 1. UI Layout 만들기 UI를 만들면서 키보드 활성 시에 높이가 고정되어있는 이슈로 스크롤이 되지않아 라는 라이브러리를 사용했다.. 이 문제로 퍼블리셔로 재직하던 직장에서 골머리를 썩은 적이 있는데 팀원중 한분이 라이브러리를 추천 해주셔서 아주 간단하게 해결되었다.. (에러 해결 참고) 그렇게 라이브러리로 가져온 태그로 상위를 감싸주었고, 크게 닉네임, 이메일, 비밀번호, 비밀번호 2차 확인 부분으로 나누었다 하지만 프로젝트 기능사항으로 입력값에 대한 유효성 검사를 통해 메세지를 입력해주는 Tex..

Invitation ✉️ To. 지옥의 알고리즘을 헤쳐나가는 개발자 여러분! 알고리즘을 풀고 계신가요? 도움이 필요하시다고요?! 그렇다면 여러분을 초대합니다. Helprogrammers에서 여러분의 문제를 해결해보세요! 👇 Helprogrammers 바로가기! React App From. 당신을 도와줄 Helprogrammers 프로젝트 소개 Concept 💡 어려운 알고리즘 문제를 공유하고 함께 해결하는, 개발자 커뮤니티 헬프로그래머스! 헬프로그래머스 (Helprogrammers) 헬프 + 프로그래머스 : 개발자들의 알고리즘 문제해결을 돕는다(HELP). 헬 + 프로그래머스 : 프로그래밍은 말그대로 헬(HELL) 이다. Function 🛠 개발자에 의한, 개발자를 위한 기능! 도움을 구하고 싶은 알고리..

❤️‍🔥TIL : Today I Learned 🤢 문제 내용 : 문제 참 많았다... 정리해 보자면 나는 게시글을 클릭 했을 때, router 가 변하며 해당 라우터에서 상세 내용(제목,내용,시간 등..)을 보여주는 페이지의 crud 기능 구현을 맡게 되었다. 문제는 이렇게 흘러갔다 해당 컴포넌트 렌더링 될 때 useLocation 사용하여 axios.get 요청 문제점 - 다른 액션 발생할 때(delete,update) 추후 데이터 수정의 어려움을 깨닫게 됨 thunk를 사용하여 detailSlice.js 생성하여 부모컴포넌트에서 onClick이 이루어 질 때 dispatch(__getDetail) 문제점 - 상세페이지에서 새로고침 하면 state 값이 리셋되어 결국 새로고침을 하면 상세페이지 내용 없..

S.A (Starting Assignments) helprogrammers 💡 프로젝트 제목 : 헬프로그래머스 ( 헬프 + 프로그래머스 ), ( 헬 + 프로그래머스 ) 프로젝트 간단 설명 : 알고리즘 문제를 어려워하는 내일배움캠프 대원 분들을 위해 질문을 게시하고, 댓글로 힌트를 주고 받을 수 있습니다. 핵심은 댓글이 가려진 상태로 원하는 수준의 힌트만 열어볼 수 있습니다. 아이디어 Goal 점심메뉴 공유 사이트, 뭐먹지@DRAM 프로그래머스, 알고리즘 Q&A @영진 최 ———————채택🎉 자취러 필수템/꿀팁 공유, 커뮤니티 @강익 손 [리액트 A-4조 프로젝트 개요] 화이트보드 💡 여기저기 돌아다닐 필요 없이 프로젝트 내부 자료를 이곳에 모아 한눈에 확인할 수 있습니다. 🔁 다이어그램을 활용한 워크 플..

[부드라미조. fanpick.shop](http://fanpick.shop/) 팀원별 회고!! 이번 프로젝트에서 좋았던 부분 및 다음 프로젝트에서도 이렇게 했으면 좋겠다. 하는 부분 승효 : 첫 기획부터 기능구현으로 역할을 나누어 진행하며, 팀원분들께서 작업이 끝나도 선택기능 구현에 힘써주어 완성도 높은 프로젝트가 된 것 같다. 다음 프로젝트에서는 기본문법을 충분히 익혀서 내가 생각하고 구상한 코드를 직접 작성할 수 있도록 더 노력해야겠다. 미영 : git으로 모든 협업을 진행한 부분 좋았습니다. 공부가 많이 되었구요. 다음 프로젝트에서도 이번 프로젝트처럼 깃으로 모든 협업을 진행하고, 역할 분담을 잘 해서 각자 맡은바 공부 열심히 해서 직접 구현해볼 수 있도록 했으면 좋을 것 같아요. 창순 : 팀원들끼..

S.A (Starting Assignments) 💾 Project : 팬PicK 제목 ✔ 와이어프레임 ✔ 기능 분류 ✔ 📝 첫 번째 회의 내용 프로젝트 서비스 키워드 : 스터디(채팅) 새상품(거래) 사이드프로젝트(매칭) 반려동물(커뮤니티) 챌린저스(매칭) 🚩팬(커뮤니티) * 투표하여 선정 제목 프로젝트 네임 : 홍보팬 팬결고리 🚩팬Pick - fix * 투표하여 선정 💡 참조 레퍼런스 #팬픽 : 스타와 팬이 함께하는 공간 #팬픽 : 스타와 팬이 함께하는 공간 shopfanpick.com Disquiet* Disquiet* IT 서비스 메이커들의 소셜 네트워크. 디스콰이엇에서 서로의 프로젝트를 공유해 보세요! disquiet.io velog velog 디자인 저작권 문제로 디자인은 올릴 수 없지만 내가 보..