우주먼지 개발 log

1. 전역상태 관리의 필요성- 상태란? 일종의 데이터 저장 변경 관리하는 데이따 리액트의 UI 렌더링에 필요한 정보들의 의미하기도 함. 상태가 변경되면 UI가 리렌더링됨 **가장 기본적인 방법** //useState function TestComponent() { const \[value, setValue\] = useState("초기값"); console.log(value); _//_ **\=> 초기값** _return_ null; } 그럼 데이터 흐름이 양방향 인 것? -> ex) Vue 리액트의 데이터 단방향 흐름의 단점 망할 프롭스 드릴링 fxxx function HomePage () { const [selectedMemeberName, setSelectedMemberName] = useState..

진영튜터님 로그인 인증 관련 세션 https://github.com/yoojinyoung/lecture-authentication/tree/main/src 1. ID/PW 입력 없는 로그인 기능 구현 2. 로그인 여부에 따른 라우트 구분 구현 3. ID/PW 입력과 API 응답을 통한 로그인 기능 구현 4. localStorage를 사용한 새로고침 시 인증 풀림 대응 위 네 가지가 세션 시간 동안 구현한 것들을 흐름에 따라 살펴볼만한 내용들이구요 아래 두가지는 main 브랜치의 코드를 보시면서 추가로 익혀볼만한 내용들입니다 1. redux-thunk를 사용한 로그인 기능 구현 2. 새로고침 시 인증 풀림 대응 시나리오 이거는 못들어서 코드 봐야함 빠른시일내에 !!!

이런 코드를 줄여보자. const signInWithGoogle = () => { const googleProvider = new GoogleAuthProvider(); return signInWithPopup(authService, googleProvider); }; const signInWithGithub = () => { const githubProvider = new GithubAuthProvider(); return signInWithPopup(authService, githubProvider); }; const socialGoogleLoginhandler = async (event) => { event.preventDefault(); await signInWithGoogle() .then((r..

대기업 개발자가 퇴사하고 부트캠프를 한 이유? (마케팅 각이다^-^) 솔직 : 업을 좀 바꾸고 싶은데 (embedded 개발 -> 웹 개발 (frontend) ) 혼자서 공부는 할 수 있지만 목적이 필요하잖아? 제일먼저 포트폴리오가 필요하겠지? 그런데 대기업 문화에 찌들어 혼자 뭘 구해서 하는 방법을 잃어 버렸음. 요새는 사이드 프로젝트도 알아서 찾아서 하고 하더라 하지만 요새 사이드 프로젝트도 구하기가 어렵다고 하더이다. 경험이 없는 사람을 동료로 받아주지는 않거든요! 그래서! 스파르타 내배캠 과정! 안하면 아쉬웠던 3가지 정도 이유가 있습니다. (잘 가르쳐줘서 이런건 식상하고 다른곳도 다 잘 가르쳐줄테니 적지 않습니다~) 1) 팀프로젝트의 기회 (그것도 다양한 사람들과, 여러번) 알아서 찾아서 진행하..

생각나는 것은 많은데 이력서는 쓰기 싫은 'ㅇ'; 나에 대한 처방전 why ? 1) 목적이 없고 -> 숙제라는 목적보다는, 이력서 준비라는 목적보다는, 목표하는 회사를 정해서 지원서 제출을 목적으로 해야겠다 -> 세부적인 할일을 안 적어둔 것도 크다. 나라는 애는 안적으면 안한다~ * 2) 사실 하고싶은 말은 많은데 공간이 너무 한정적이어서 틀이 정해져 있어서 -> 자유 양식 블로그 주절주절 먼저해보기~ 3) 그동안 못놀아서 뽀로로야! -> 낮, 밤! 활용! 하루종일 놀지는 말자 ~ 단기 목표 목요일 23:59 인텔리픽 1차 이력서 제출 할일 가고싶은 회사 하나만 찾아 이력서 양식보기 프로젝트 작성 부분 보강 TIL / 회의록 한번 훑어보기 자기소개 부분 러프한 버전 하고싶은 이야기 키워드 별 정리 !!..

코딩 끝(이라고 하면 안되지만) 취업 준비 시작~ 그리고 과정 마무리 정리 좀 ㅠ.ㅠ 우리 최종 프로젝트도 마무리해야할 것 태산~ 매일매일 코딩테스트 준비도~ 그리고 운동~ + 클라이밍 타임테이블 일 화 수 목 금 일 약속 (실화인지?) 요새 코딩한다고 운동 못해서 하루만해도 근육통 오는뎀 ^0^ 취준도 운동도 화이팅해보자~

새롭고 어려운 건 힘들었지만 극뽁해냈고 뿌듯했다! TIL 이번 프로젝트의 개인적인 어려웠던 점 1) 타입스크립트로 하는 첫 프로젝트인 점 공부할때랑 실제 사용의 갭이 컸따.. 2) supabase를 처음 이용했던 점 할말. 하않. sql 도 공부해야하나? >.

오늘도 화이팅! TIL 소제목1 본문1 소제목2 본문2 소제목3 TODO 할일

새해맞이 글쓰기.. 새해가 2시간 지나긴 했다. TIL avatar 지옥 supabase 제공 예제코드 이게 있는건 왜 남의 블로그를 보고 지금알았지? 공식 사이트를 제대로 탐방 못했나보다. 다 고민하고나서 이걸 보니 .. 오.. 한다. 로딩도 처리해줘야겠다. 깔끔하긴하네. 좋은코드를 많이 보고 적용하는 것도 역시 좋은 공부이다!!! https://github.com/supabase/supabase/blob/master/examples/user-management/react-user-management/src/Avatar.jsx 문제점은 아직 해결 방법을 못찾았다. 문제 ) 예제 코드를 보면 avatar.png 로 적용을 해주길래 아바타 이미지를 이름을 하나로만 관리해도 되겠구나 싶었다? upsert를 ..

오늘도 화이팅! TIL 봐도봐도 모르겠는 typescript typescript useRef 사용 - 와 모르겠오~ https://driip.me/7126d5d5-1937-44a8-98ed-f9065a7c35b5 useRef로 input type=file 변경해서 쓰기 https://velog.io/@cjforla123/React-input-%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C%EB%A5%BC-%EA%BE%B8%EB%A9%B0%EC%A3%BC%EC%9E%90-2%ED%83%84-useRef