유이로운 개발일지

신입사원의!! 우당탕탕 회사 적응기!!!! 덕에 아주 오랜만에 잊고 있던 블로그를 씁니다 자!!!!!!!!!!!!!!!!!! 나는 React만을 배운 신입개발자!! 하지만 이번 프로젝트에서는 Flutter를 사용한다!!! 모르면!! 배우면 되지롱~!! 자 일단 냅다 GPT한테 플러터 예시 코드를 보여 달라하자! 잘 알려 준다... 자 근데 여기서 궁금해진 점 _SignUpState createState() => _SignUpState(); 이런 코드가 나왔는데 어? 이거 왠지 react의 UseState()랑 비슷해 보이잖아? 비슷한 거냐? 물어보니까 GPT왈: 맞슴다 자~ 그래서 풀어서 말해 보니까예? _SignUpState createState() => _SignUpState(); Flutter의 c..

기존에 사용하던 저장소가 터져서 새로운 저장소를 생성하게 되었는데, 잘 작동하던 회원가입/내프로필 기능이 잘 작동되지 않았다. 에러코드: FirebaseFirestoreException: PERMISSION_DENIED: Missing or insufficient permissions. 이 문제는 Cloud의 Firestore 의 규칙을 아래와 같이 변경해 주면 문제는 해결된다! rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read, write: if true; } } } 다만 이렇게 변경을 해 주고나면 보안 규칙이 공개로 정의되어 누구나 데이..

carosel 라이브러리를 사용해서 팀원이 캐러셀을 구현해 줬는데... 스타일을 적용시키는 과정에서 element.style로 부여된 스타일 때문에 아무리 제어를 하려고 해도 제어순서가 element가 더 높은지 어떻게 해도 내가 원하는 스타일이 적용이 안 되는 이슈가 있었다. 인라인으로도 스타일을 적용해보고 별의 별 해결책을 찾아봤지만 딱히 해결되지 않았다. 그러던 도중 발견한 !important ... 이녀석을 이용하면 스타일 제어 순서가 매우 높아지는 것 같다 딱 보기만 해도 중요해 보임 width: 380px !important; 이런식으로 강조하고픈 것 옆에 !important를 적어주기만 하면 된다 오늘도 잘 해냈다!

input 태그 안에 accept 를 넣어 원하는 확장자를 넣어 두면 파일 선택 시 '사용자 지정 파일'이라는 파일 형식 제한으로 파일을 선택할 수는 있지만 해당 탭을 '모든 파일'로 누르게 되면 여전히 모든 파일을 선택할 수 있다는 점에서 유저의 파일을 통제할 수가 없다는 단점이 존재하였다... 유저 입장에서는 개발자가 어떤 파일 형식을 원해서 사용자 지정 파일을 선택해 놨는지 알 수가 없기에 어? 사용자 지정 파일? 그냥 모든 파일로 해서 봐야지~ 하고 모든 파일로 파일 형식을 설정해 놓고 볼 수 있기 때문에 충분히 위험이 도사리고 있다... 그래서 아래와 같은 코드를 통해 input 의 accept 을 통한 파일 제한 뿐만 아니라, 파일 확장명과 용량을 제한하여 허용하지 않은 파일이 선택됐을 경우 ..

useEffect(() => { window.scrollTo(0, 0); }, []); React를 사용해서 웹사이트를 개발 중인 상황인데, 이전 페이지 스크롤 위치가 다음 컴포넌트 페이지의 스크롤 위치에도 영향을 미쳐 새로운 페이지에 접속했을 때 가장 위부터 볼 수 있는 것이 아니라 이전 페이지에서 있던 스크롤의 위치에 영향을 받아 페이지를 보는 데 불편함이 있었다. 따라서 위처럼 useEffect, 의존성배열을 빈배열로 한 상태로 window.scrollTo(0,0)을 주어서 화면이 마운트 됐을 때 스크롤이 최상단에 위치하도록 하였다. 하지만 이럴 경우 윈도우 자체의 화면 캡처 기능을 사용하려고 하거나, 현재 있는 사이트의 탭이 아닌 타사이트의 탭을 다녀오는 등 현재 사이트에서 벗어난 작업을 하기만 ..