profile
개발개발
post-thumbnail

[react-native] [BUG] Bus Error at 0x0000000100c60000 에러

git clone 으로 파일을 새로 내려받고 pod install 을 했더니라는 에러가 뜬다.m1 맥북 이슈인 것 같은데 sudo arch -x86_64 gem install ffi 로 ffi를 설치하고pod install 대신에 arch -x86_64 pod inst

2022년 4월 13일
·
0개의 댓글

reduce

reduce()는 배열의 4칙연산 뿐만 아니라 배열 요소의 깊은 필터링을 통해 원하는 정보들의 구성으로 이루어진 배열을 반환할 수 있다.map()이나 filter()보다 좀 더 다양한 활용이 가능하다.reduce()의 인자1번째(콜백함수) 인자1번째 인자 - 누산기 :

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

메모이제이션(Memoization)

setState 함수를 사용하게 되면, 화면 전체가 다시 렌더가 되면서State 와 여러개의 함수들을 다시 그려내게 된다.그런데, 단순하게 이메일 주소를 받아오는 과정이라고 했을 때Input 태그에 onChange 이벤트로 setState 함수를 실행하게 되면문자 하나

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

Optimistic UI

단어 그대로 낙관적으로 생각하는 UI입니다. 서버로부터 받는 응답이 대부분 오류가 나지 않을 것이다. 성공적일 것이다라고 가정하고 사용자에게 성공했을 때의 결과를 바로 보여주는 것이다.사용자가 👍 버튼을 누른다.좋아요 갯수가 1개 증가한 UI를 바로 보여준다,서버에

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

token, XSS, CSRF

JWT에는 두 가지 종류의 토큰이 있다.Access Token, Refresh TokenAccess Token을 통해서 민감한 정보에 접근할 수 있으며두 가지 토큰중에서 실제 권한에 접근하는 토큰이다.짧은 유효기간을 가지며Refresh Token을 통해서 만료된 Acc

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

observable

자바스크립트에서 하나의 item과 여러개의 item을 처리하는 2가지 방법(Async, sync)이 있다. Async는 비동기 방식으로 흔이 알고 있는 setTimeout, xhr, event등이 있다. async한 상황에서 우리가 처리하던 방식은 callback 또는

2022년 2월 27일
·
0개의 댓글

callback

학교다닐때 배웠던 개념이지만 JS공부를 하면서 다시한번 접하게 되었다.콜백함수란?콜백함수는 간단하게 다른 함수에 매개변수로 넘겨준 함수를 말한다.매개변수로 넘겨받은 함수는 일단 넘겨받고, 때가 되면 나중에 호출(called back)한다는 것이 콜백함수의 개념이다.ca

2022년 2월 27일
·
0개의 댓글

flatten, unflatten

flatten 배열, 객체는 이중배열같이 깊이가 없는 배열, 객체구조를 의미한다.예를들어 \[1,2,\[3,4,5,7]] 과같은 배열이 잇다면 이는 unflatten 구조이며 1,2,3,4,5,7 같은 구조가 flatten 배열, 객체라고 할 수 있다. array를 f

2022년 2월 27일
·
0개의 댓글

재귀

재귀함수는 자기자신을 다시 호출하는 함수이다. 재귀함수는 종료조건이 있어야 하며, 종료조건을 설정해주지 않으면 무한 반복을 하게된다. 재귀함수로 작성이 되는 코드는 반복문으로도 작성할 수 있다.간단한 예시로는 1부터 100까지 합을 구하는 함수를 만들때 반복문을 이용해

2022년 2월 27일
·
0개의 댓글

프론트엔드 5주차 요약정리!!(로그인, 정규표현식 등)

로그인 Token 발급, 전달하기로그인 기능을 공부해보았다.기본적으로 아이디 비밀번호를 입력해서 로그인한다고 해보자.아이디와 비밀번호를 받았으면 로그인을 시도해보자이미 만들어져있는 로그인 API이다. password와 email을 variables로 넘겨주고 로그인 했

2022년 2월 21일
·
0개의 댓글

Cookie, Session, Local Storage

1. Cookie 쿠키는 클라이언트에 대한 정보를 이용자의 PC 하드디스크에 보관하기 위해서 클라이언트의 웹브라우저로 전송해주는 정보이다. 웹 페이지에서 쿠키를 설정할 경우, 이후의 모든 웹에서의 요청은 쿠키정보를 포함하여 서버로 전송된다. 쿠기는 개수와 용량에

2022년 2월 18일
·
0개의 댓글
post-thumbnail

React Currying

HOF function 은 고차함수라고 하는데, Higher-Order Function 이라고 함수를 인자로 전달 받거나 리턴값으로 함수를 반환하는 함수를 의미한다.위와 같은 함수를 두고 아래와 같은 함수를 만들었다고 하자.hof 함수는 paramFunc에 함수를 받아

2022년 2월 18일
·
0개의 댓글
post-thumbnail

리그오브레전드 전적검색 사이트 만들기 (1)

여러가지 외부 API들에 눈독들이던중, 내가 즐겨하던 리그오브레전드라는 게임에서도 다양한 API를 제공해준다는 것을 알게 되었다.공개 API로 무엇을 제공하나 보던중, 유저의 정보를 입력해서 최근 전적(게임기록)들을 조회하는 기능을 만들 수 있겠다 라는 생각이 들었다.

2022년 2월 17일
·
0개의 댓글

로그인 프로세스(JS클로저, 권한분기,React HOC vs HOF)

로그인 기능을 공부해보았다. 기본적으로 아이디 비밀번호를 입력해서 로그인한다고 해보자. 아이디와 비밀번호를 받았으면 로그인을 시도해보자 이미 만들어져있는 로그인 API이다. password와 email을 variables로 넘겨주고 로그인 했다는 것을 증명받아야

2022년 2월 16일
·
0개의 댓글

SQL / NoSQL

DB 연결 방식에는 ORM과 ODM으로 나뉜다.ORM은 데이터를 표형태로 담아주며 이런 방식을 관리형 데이터베이스라고 말한다.대표적으로는 Oracle, MySQL, Postgres가 있다. ODM은 데이터를 서류 봉투형식으로 담아주는데, 이를 NotOnlySQL 즉 N

2022년 2월 14일
·
0개의 댓글

Object.keys(), values(), entries(), assign()

Object.keys()Object.keys() 메소드는 주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환한다. 예를들어 const object1 = { a: 'somestring', b: 42, c: false};

2022년 2월 14일
·
0개의 댓글

정규표현식

프로그래밍 언어를 막론하고 정규표현식은 자주 쓰인다. 정규표현식에는 정규표현식에만 사용되는 특수표현들이 있다.^ : 문자열의 시작$ : 문자열의 종료 , 옵션에 따라 문장의 끝 또는 문서의 끝에 매치된다.. : 임의의 한 문자\[] : 문자 클래스 . 문자 클래스 안

2022년 2월 14일
·
0개의 댓글

Redux

redux를 쓰는 이유는 다양하다.props가 없이도 모든 컴포넌트들이 state를 사용할 수 있게해준다.import {Provider} from 'react-redux';ReactDOM.render( <React.StrictMode>

2022년 2월 14일
·
0개의 댓글

Context API

보통 상위컴포넌트에서 하위컴포넌트로 데이터를 전달할 때 pros를 사용한다. 가까운 컴포넌트끼리는 괜찮을 수 있지만 컴포넌트간의 거리가 멀어진다면 props를 정말 많이 내려줘야한다. 큰 프로젝트일수록 컴포넌트마다 props를 거치는 것은 비효율적이므로 이럴때 Cont

2022년 2월 14일
·
0개의 댓글

useEffect

useEffect 함수는 컴포넌트가 렌더링 될 때마다 특정한 작업을 발생시키는 Hook이다. 이로써 클래스형 컴포넌트에 있는 생명주기 메소드들을 함수형 컴포넌트에서도 useEffect로 사용할 수 있다.useEffect(function, deps)useEffect의 사

2022년 2월 13일
·
0개의 댓글