뉴히의 개발 로그

예전에 동료분이 알려주신적이 있는데..... 미루고 미루다가 ㅋㅋㅋㅋㅋㅋㅋ 설정도 쉽고 ! 너무좋은 백준허브 ! 프로그래머스 들어가서 보면된다고 생각했는데 노션에 정리를 해볼까 하다가 다시 찾아봤는데 자동으로 너무 잘 정리되니까 ㅎㅎㅎ 왜이제했을까? 싶다 ㅋㅋㅋ 백준 허브 설치하기 1) 크롬 웹스토어 들어가서 백준허브 설치 2) 백준허브 시작하기! 확장프로그램 실행 실행하면 나오는 팝업에 authenticate 클릭해서 내 github 계정 연결! 3) 사진이 사라졌..는데 레포토리지 기존 레포로 설정할지 새로 만들지 선택하는 셀렉트박스랑 레포이름 넣는 인풋박스가 나온다 설정하면됨! 4) 그럼 끝!!!!! 5) 프로그래머스에서 문제 풀고 제출해서 채점! 6) 짜잔~ 자동으로 내가 설정한 레포에 백준인지,..

JavaScript의 약점 JavaScript는 원래 웹 페이지에 동적인 효과를 주기 위해 만들어진 스크립트 언어이다. 동적 타입 언어는 예기치 않은 버그가 나올 확률이 매우 높다. JavaScript는 변수의 타입이 실행시에 결정된다. 그렇기 때문에 변수에 잘못된 타입의 값이 할당되어 발생한 오류를 찾기 위해서는 실행 시간에 변수의 값과 타입을 모두 확인해야하는 번거로움이있다. JavaScript는 let, const 같이 변수/상수를 구분하는 정도의 키워드만 지원된다. JavaScript에서는 프로그래머가 마음만 먹으면 객체의 성질을 수시로 변화시킬 수 있어 자칫하면 실수로 엉뚱한 값이 나오거나 큰 오류가 날 수 있다. 그래서 TypeScript를 쓰면 좋다!! TypeScript의 특/장점 Type..

리액트 툴킷과 비동기통신, 미들웨어, 쓰로틀링, 디바운싱, 쿠키, 세션, 토큰 등등 많은걸 배웠고 내용도 어려워서 강의를 몇번이나 듣고 이해가 되었던 지난 3주간의 스터디 !!! 그리고 API를 이용한 새로운 팀 프로젝트도 진행했다. 팀원분 모두 너무 좋은 분들이었어서 같이 으쌰으쌰하며 많이 배우고 프로젝트도 화목?하게 무리없이 매우 잘 진행했다! 지난 3주간의 KTP 회고 Keep 팀원들과 매일 아침인사도하고 계획도 세우고 매일 3문제씩 정해서 알고리픔 풀이 공유도했다. 특히나 알고리즘 풀이 공유는 처음 해봣는데 너무 좋았다! 매일 꾸준히 하자고 하지만 막상 강의듣기 급급하고, 프로젝트 진행하기 급급하니 미루기 일수였던 알고리즘 풀이! 팀원들과 공유를 위해서 꾸준히 하니까 정말 좋았던것 같다. 그리고 ..

시간이 너무 빠른!!! 벌써 새 팀원들과의 3주도 후딱! 강의도 어려웠고 그런데 알수록 사용하기 너무 쉬운?! ㅎㅎㅎ 주차였다 팀프로젝트도 어느정도 조금 익숙해진듯! 각자 팀원분들도 알아서 척척 진행해주시고 큰문제없이 잘 진행된것 같다! 로그인회원가입파트를 구현했는데 ㅋㅋㅋ정말 이거저거 비교하고 유효성 검사가 매우빡세서 정말..로그인회원가입만해도 빡센데 실제 서비스들은 경우를 어디까지 생각할까...? 무튼 생각보다 막힘없이 회원가입 로그인 진행했고 다음번에는 API도 다뤄보며 진행하면 더 좋겟당! 많이 쓰일듯한 내일은 팀프로젝트 발표가있고 또 새로운 팀원들과 새로운 주차 시작! 새로배울생각에 기대도 되고 어느새 익숙해져서 조금은 널널?헤이?해진듯한!! 각성하고 다시 빠잇팅 !

문자열로 형변환을 시킬때 String()을 사용하지만 가끔 toString()을 사용했기때문에 정확히 어떤 차이가 있는지 궁금했다. String() 은 null과 undefined에 대헤서도 잘 동작하는 반면, toString() 사용시 에러가 발생한다. String() : 어떤 형태이든 문자로 형변환하여 반환 .toString() : 메서드는 특정 진수로 객체를 표현한 문자열을 반환 / null, undefined 형 변환 시 오류 확실히 값이 명시된 경우에는 둘 다 상관없지만, null, undefined 와 같이 예외인 경우가 있을 수 있으므로 String()을 사용하는 것이 좋다. https://velog.io/@kimkyeonghye/JS-String-%EA%B3%BC-.toString-%EC%..

파이어베이스 Authentication 에서 sign-in method 탭으로 들어가서 새 제공업체 추가 ! 제공없체 google 선택! 프로젝트 지원 이메일은 그냥 내걸로 했다 ! 그럼 잘된다 ㅎㅎ import { auth } from '../../firebase'; import { signInWithPopup, GoogleAuthProvider } from 'firebase/auth'; const GoogleLogin = () => { const googleProvider = new GoogleAuthProvider(); const signInWithGoogle = async () => { return await signInWithPopup(auth, googleProvider); }; const g..

심장철렁 ㅎㅎㅎㅎㅎ github에 로그인/회원가입 작업한것을 올리고 코드를 합친후 팀원분들이 회원가입을 하려는데 안된다고 하셨다 ㅠㅠ 오류 내용은 대략 이런것 !! ㅎㅎ Response { type: 'cors', url: 'https://identitytoolkit.googleapis.com/v1/accounts…ignUp?key=AIzaSyDkDPtv28NKNnAxKYN_RFTG36lp3-IraAE', redirected: false, status: 400, ok: false, …} 서칭해보니 첫 번째 이메일이 이미 존재합니다. 두 번째는 TOO_MANY_ATTEMPTS_TRY_LATER입니다. 세 번째는 WEAK_PASSWORD입니다. 비밀번호는 6자 이상이어야 합니다. API에 비밀번호를 보내기 ..

파이어베이스 오류! firebase: Error ( auth/api-key-not-valid. -plase-a-valid-api-key.). 키값이 안맞는다고 자꾸 .....!!! 계속 복붙해서 확인을 해도 정확한데 키값이 안맞는다고 오류가 떳다. 처음에 .env 설정을 할때 변수명 = "키값 " 이렇게 넣고 firebase.js에서 firebaseConfig 에 process.env.변수명 이렇게 넣었을때의 오류였다. 그래서 혹시나 하고 !!!!!!!!!!!!!!!!! env에는 string을 쓰지 말라 했던것같아 변수명 = 키값 넣고 firebaseConfig 에 빽틱으로 감싸서 넣었더니 오류.... 그런데 이게 맞았다! 재시작을 안해서 오류났던것 ㅎㅎㅎㅎ 재시작 하니 잘 연결되었다 .env 파일 변..