profile
개발 반 기획 반 광고 반 마케팅 반
태그 목록
전체보기 (170)트러블슛팅(16)알고리즘(15)React(12)js(11)RN(7)reactnative(6)IoT(5)(5)아두이노(5)CSS(4)arduino(4)JavaScript(3)타입스크립트(3)git(3)esp32(2)개발영어(2)J2KB(2)npm(2)유용한것(2)TIL(2)영어공부(2)RN navigation(2)mqtt(2)우분투(2)DFS(2)C(2)인증서(1)push(1)접속로그(1)명리학(1)vs코드(1)serverless(1)코어자바스크립트(1)블루투스(1)vscdoe(1)lolin32(1)애런스워츠(1)아두이노통신(1)연산자(1)SequelPro(1)망할놈의빌드(1)네이버부스트(1)서버운영(1)React VS RN(1)스케치(1)ts(1)함수표현식(1)심리학(1)(1)최애배우(1)네트워크(1)DynamicImport(1)Prettier(1)동기부여(1)npm install(1)리엑트네이티브(1)기록툴(1)충격(1)빌드속도(1)블로그(1)자바스크립트(1)React검색(1)슬라이딩윈도우(1)https(1)Node(1)ssrVScsr(1)JWT(1)에디터(1)생각(1)wakatime(1)네비게이션(1)COAP(1)iOS(1)빌드(1)zsh(1)정처기(1)Sort(1)this(1)navigation(1)영어(1)mysql(1)html(1)tool(1)notion(1)log(1)기타(1)물리학(1)styledComponent(1)lolin d 32(1)특수문자영어로(1)부스트코스(1)큐리어스(1)align-content vs align-items(1)lazy(1)용어정리(1)passport(1)비트연산(1)리눅스(1)cocoapod(1)(1)공부(1)origin(1)유용한 팁(1)카카오로그인(1)Singleton(1)redux(1)Tries(1)android(1)vscode(1)나누리(1)pwa(1)vim(1)메모리(1)페이징(1)React공식문서(1)binary_search(1)ArduinoJson(1)cors(1)번역(1)mui(1)읽을것(1)lolind 32(1)리액트복습(1)intToByte(1)
post-thumbnail

for..in vs for..of, Enumerable vs Iterable 요녀석들에 대한 나름의 고찰

앞서 for ... in vs for ... of에 대한 비교글을 적은 적이 있다.이번에 알고리즘 공부하면서 for .. in 사용시에 배열을 for in에 사용하고 key 즉 idx를 뽑아야겠다 라고 생각했는데 그 와중 당연히 idx가 number 인 줄 알았는데 알

2022년 10월 14일
·
0개의 댓글
·
post-thumbnail

Array.prototype.slice(arguments, 1)의 작동원리

코어자바스크립트 책을 보다 p135 코드 8행에Array.prototype.slice.call(originalPartialArgs, 1); 부분에 작동원리 이해가 잘 안됐다. 그래서 찾아보고 기록을 한다.우선 binding의 의미를 잘 이해해야 하는데binding은 메

2022년 10월 11일
·
0개의 댓글
·
post-thumbnail

배열에서 Math.max 최대값 & 인덱스 찾기

배열에서 최대값 내는건 Math.max(...array) 하면 되고최대값 인덱스는 for문 돌려서 max===array\[i] 이렇게 조건걸어주면 된다.

2022년 10월 6일
·
0개의 댓글
·

[알고리즘]포켓몬_프로그래머스_hash

문제 설명당신은 폰켓몬을 잡기 위한 오랜 여행 끝에, 홍 박사님의 연구실에 도착했습니다. 홍 박사님은 당신에게 자신의 연구실에 있는 총 N 마리의 폰켓몬 중에서 N/2마리를 가져가도 좋다고 했습니다.홍 박사님 연구실의 폰켓몬은 종류에 따라 번호를 붙여 구분합니다. 따라

2022년 9월 30일
·
0개의 댓글
·
post-thumbnail

Tries 알고리즘에서 핵심

Tries 알고리즘에 방식이 Tree를 build 해주고 주어진 문자열을 search 해주는건데, search 부분에 핵심 하나만 말하라면 아래 부분이다. root 즉 key-value 의 자료 트리 객체 형태에서 해당 요소를 찾았으면 그 찾은 지점을 반환해서 재 활당

2022년 9월 28일
·
0개의 댓글
·

js 배열 스왑할때

2개 뿐 아니라 n개 가능출 : https://miiingo.tistory.com/364

2022년 9월 7일
·
0개의 댓글
·
post-thumbnail

[재귀 사용시]quickSort 문제 구현시

제목 그대로 재귀에서 제약 조건은 재귀함수 상위에 설정해준다.

2022년 9월 6일
·
0개의 댓글
·
post-thumbnail

[트러블슛팅]후위연산 가급적 사용 x

문제 풀면서 로직은 맞는데, return을 위와 같이 후위연산으로 줬더니만 결과가 0,0,0.. 으로 나옴 https://barker.codes/blog/prefix-vs-postfix-operators-in-vanilla-js/ 위 사이트에서도 나와 같은 실

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

[트러블슛팅] 배열도 객체이다. 그렇지만 대괄호 접근법으로 사용하면 안된다.

위 코드 처럼 checked\[node]형태로 checked\["A"] 형태로 조건을주니 항상 undefined가 떠서 알고리즘 에러가 남.아래 사진 처럼 배열은 '0', '1', '2'.. 인덱스를 키로 갖는 객체이다. 따라서 배열에서 포함하는지를 알고 싶으면 arr

2022년 8월 29일
·
0개의 댓글
·
post-thumbnail

[생활팁] 크롬 잘쓰기

크롬 기능 중에 그룹화 라는게 있다.그룹 하고픈 탭을 쉬프트 누른채 클릭해 선택해주고, 오른쪽 누르면 아래 화면이 뜬다.요런식으로 그룹 지정이 가능하다.나는 요런식으로1\. 배울 기술2\. 현재 진행 플젝 관련 크롬3\. 볼것, 흥미 진진한것4.그날 그날 읽을것등 취향

2022년 7월 27일
·
0개의 댓글
·
post-thumbnail

window.location.href 사용시 React내 re-mount로 인한 무한 루프 트러블

로그인 후 localstorage에 access_token 기록후, 브라우저 종료 후 앱에 접속시 app내 state에 user정보가 없을시 재 로그인(여기선 kakao로그인) 함수 call을 한다. 이때 로그인 함수 호출 하면 내부에 location.href 로 페이

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

CORS 에러

React에서 백엔드로 요청중에 CORS 에러가 났다. Access to fetch at '서버 url' from orgin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control

2022년 7월 22일
·
0개의 댓글
·
post-thumbnail

카카오 로그인 구현_web_우리나라에서 가장 쉽게 알려주기_(React, restAPI 방식)

현재 프로젝트 하면서 소셜 로그인 kakao를 web에 연결해야 할 필요가 있어, 또한 좀 삽질을 해서 기록하고자 적는다. client는 React로 구현했고 과거엔 passport라는 라이브러리 사용해서 구현했는데, 이번엔 라이브러리 사용 없이 구현해보고자 한다. (

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

formik & yup 같이 사용할때, yup의 validation시 다른 value 값 참조하기

fomik과 yup validaion으로 사용하는건 많은 블로그에 잘 나와있다.여기 https://velog.io/@roh160308/%EB%A6%AC%EC%95%A1%ED%8A%B8React-Formik-Yup에도 기본적으로 잘 나와있다.다만, yup에서 이

2022년 7월 9일
·
0개의 댓글
·
post-thumbnail

1.js에서 "for in" vs "for of" 차이점 & 2.객체 배열에서 key, value 추출 방법

위에 데이터가 있다. 크롬에 일단 찍은 이유는 data 배열의 key value가 에디터로 찍으면 사라져서 그런데, 위 사진 보면 아래 빨간 박스에 배열 데이터 key(=index) 0,1,2,3, value {...} 형태로 나와있다. 그래서 위 데이터를 참곻패서 f

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

[트러블슛팅]axios-mock-adapter 라이브러리 (react에서) 사용할 때 주의점

api 주소엔 문제가 없고 document 대로 했다고 했는데 계속 404 error가 뜨는것이다. stackOverFlow랑 git issue 다 찾아봤는데 정확한 해결법이 없었고, 이부분을 import 해서 사용하는 구조라 import 할때 마다 instance를

2022년 6월 22일
·
0개의 댓글
·
post-thumbnail

tsx파일의 화살표 함수에서 제네릭 사용시 에러: ... 'T' has no corresponding closing tag.

tsx 파일 내 arrow fucntion 사용시, ts 문법의 generic 설정시 아래 에러가 발생한다. 다이아몬드 연산자가 JSX파일이라는 착각을 컴파일러 한테 주기 땜에. jsx로 인식해버려서다. <T,>(param : T) => x 처럼 T 옆에 trai

2022년 6월 21일
·
0개의 댓글
·
post-thumbnail

box-sizing : border-box 패딩 마진 땜에 지정된 크기 넘어갈때.

box-sizing 속성은 CSS 테두리 영역 크기를 결정함.타입 content-box : CSS의 width, height값은 content box에만 적용된다. 따라서 border,padding, margin은 따로 계산되므로, 지정된 크기보다 더 커질수 있다(이게

2022년 6월 11일
·
0개의 댓글
·
post-thumbnail

React 수정/추가 페이지 같이 쓰기

리액트에서 추가와 수정 페이지를 같이 쓰는 방법은 간단히 말해, 추가 form 컴포넌트를 만들고 (예) ㄱ. <CreateContact>)추가하기 버튼 onClick시 ㄱ. 컴포넌트를 리턴해준다수정하기 버튼 onClick시 ㄱ. 컴포넌트를 리턴해주는데, 선택된 유

2022년 6월 8일
·
0개의 댓글
·
post-thumbnail

[ts][x: string]: any 의미, 활용법

ts 하다보면 이렇게 정의된걸 볼 수있다.\[x: string]:any 의 의미는string으로 된 어떠한 문자열도 키가 될 수 있고, value로도 어떠한 value가 올수 있다는 뜻왜 쓰냐면은..이런식으로 중간 매개 컴포넌트로 활용될때 부모에게 상속받아 자식 컴포넌

2022년 5월 26일
·
0개의 댓글
·