앞서 for ... in vs for ... of에 대한 비교글을 적은 적이 있다.이번에 알고리즘 공부하면서 for .. in 사용시에 배열을 for in에 사용하고 key 즉 idx를 뽑아야겠다 라고 생각했는데 그 와중 당연히 idx가 number 인 줄 알았는데 알
코어자바스크립트 책을 보다 p135 코드 8행에Array.prototype.slice.call(originalPartialArgs, 1); 부분에 작동원리 이해가 잘 안됐다. 그래서 찾아보고 기록을 한다.우선 binding의 의미를 잘 이해해야 하는데binding은 메
배열에서 최대값 내는건 Math.max(...array) 하면 되고최대값 인덱스는 for문 돌려서 max===array\[i] 이렇게 조건걸어주면 된다.
문제 설명당신은 폰켓몬을 잡기 위한 오랜 여행 끝에, 홍 박사님의 연구실에 도착했습니다. 홍 박사님은 당신에게 자신의 연구실에 있는 총 N 마리의 폰켓몬 중에서 N/2마리를 가져가도 좋다고 했습니다.홍 박사님 연구실의 폰켓몬은 종류에 따라 번호를 붙여 구분합니다. 따라
Tries 알고리즘에 방식이 Tree를 build 해주고 주어진 문자열을 search 해주는건데, search 부분에 핵심 하나만 말하라면 아래 부분이다. root 즉 key-value 의 자료 트리 객체 형태에서 해당 요소를 찾았으면 그 찾은 지점을 반환해서 재 활당
문제 풀면서 로직은 맞는데, return을 위와 같이 후위연산으로 줬더니만 결과가 0,0,0.. 으로 나옴 https://barker.codes/blog/prefix-vs-postfix-operators-in-vanilla-js/ 위 사이트에서도 나와 같은 실
위 코드 처럼 checked\[node]형태로 checked\["A"] 형태로 조건을주니 항상 undefined가 떠서 알고리즘 에러가 남.아래 사진 처럼 배열은 '0', '1', '2'.. 인덱스를 키로 갖는 객체이다. 따라서 배열에서 포함하는지를 알고 싶으면 arr
크롬 기능 중에 그룹화 라는게 있다.그룹 하고픈 탭을 쉬프트 누른채 클릭해 선택해주고, 오른쪽 누르면 아래 화면이 뜬다.요런식으로 그룹 지정이 가능하다.나는 요런식으로1\. 배울 기술2\. 현재 진행 플젝 관련 크롬3\. 볼것, 흥미 진진한것4.그날 그날 읽을것등 취향
로그인 후 localstorage에 access_token 기록후, 브라우저 종료 후 앱에 접속시 app내 state에 user정보가 없을시 재 로그인(여기선 kakao로그인) 함수 call을 한다. 이때 로그인 함수 호출 하면 내부에 location.href 로 페이
React에서 백엔드로 요청중에 CORS 에러가 났다. Access to fetch at '서버 url' from orgin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control
현재 프로젝트 하면서 소셜 로그인 kakao를 web에 연결해야 할 필요가 있어, 또한 좀 삽질을 해서 기록하고자 적는다. client는 React로 구현했고 과거엔 passport라는 라이브러리 사용해서 구현했는데, 이번엔 라이브러리 사용 없이 구현해보고자 한다. (
fomik과 yup validaion으로 사용하는건 많은 블로그에 잘 나와있다.여기 https://velog.io/@roh160308/%EB%A6%AC%EC%95%A1%ED%8A%B8React-Formik-Yup에도 기본적으로 잘 나와있다.다만, yup에서 이
위에 데이터가 있다. 크롬에 일단 찍은 이유는 data 배열의 key value가 에디터로 찍으면 사라져서 그런데, 위 사진 보면 아래 빨간 박스에 배열 데이터 key(=index) 0,1,2,3, value {...} 형태로 나와있다. 그래서 위 데이터를 참곻패서 f
api 주소엔 문제가 없고 document 대로 했다고 했는데 계속 404 error가 뜨는것이다. stackOverFlow랑 git issue 다 찾아봤는데 정확한 해결법이 없었고, 이부분을 import 해서 사용하는 구조라 import 할때 마다 instance를
tsx 파일 내 arrow fucntion 사용시, ts 문법의 generic 설정시 아래 에러가 발생한다. 다이아몬드 연산자가 JSX파일이라는 착각을 컴파일러 한테 주기 땜에. jsx로 인식해버려서다. <T,>(param : T) => x 처럼 T 옆에 trai
box-sizing 속성은 CSS 테두리 영역 크기를 결정함.타입 content-box : CSS의 width, height값은 content box에만 적용된다. 따라서 border,padding, margin은 따로 계산되므로, 지정된 크기보다 더 커질수 있다(이게
리액트에서 추가와 수정 페이지를 같이 쓰는 방법은 간단히 말해, 추가 form 컴포넌트를 만들고 (예) ㄱ. <CreateContact>)추가하기 버튼 onClick시 ㄱ. 컴포넌트를 리턴해준다수정하기 버튼 onClick시 ㄱ. 컴포넌트를 리턴해주는데, 선택된 유
ts 하다보면 이렇게 정의된걸 볼 수있다.\[x: string]:any 의 의미는string으로 된 어떠한 문자열도 키가 될 수 있고, value로도 어떠한 value가 올수 있다는 뜻왜 쓰냐면은..이런식으로 중간 매개 컴포넌트로 활용될때 부모에게 상속받아 자식 컴포넌