Node.js에서 간단하게 flash를 사용 하는 방법. > * flash에서 전달하는 내용은 휘발성(단발성)이기 때문에 복잡하게 생각할 필요가 없다. > 1. session 아래에 flash 미들웨어를 사용할 수 있도록 작성해 준다. > 2. 라우팅 처리에서 1회성으로 필요한 메세지를 설정한 키에 설정 해 준다. -- 끝 --

No index signature with a parameter of type 'string' was found on type '{ home: boolean; profile: boolean; }'.ts(7053)type script에서는 객체를 순회할때 string t

응답 데이터에 다음 페이지에 대한 정보가 없을 경우리턴값에 다음 페이지에 필요한 정보를 적어 리턴 한다. 마지막 페이지에 대한 조건도 처리 해야 하나 생략함그리고 명령형으로 if를 활용해 로딩중인 상태에 대한 컴포넌트를 보여주게 된다면 인피니트 스크롤이 제대로 작동하지

create-react-app에는 node.js에서의 환경 처럼 dotenv를 설치할 필요가 없다.package.json파일과 같은 레벨 상에 .env파일을 생성한다. .env 파일 안의 변수명에 REACT_APP\_을 붙여 준다.개발 환경이라면 .env.develop

spread는 펼쳐 넣다.주로 인자에 쓰인다.인자에 펼쳐서 넣는다 라고 기억하면 편하다.나머지를 받는다.주로 매개변수에 쓰인다.필요한 매개변수 외의 나머지 매개변수를 받는다 라고 기억하면 편하다.

NextJs는 React 프레임워크다. pages 폴더의 파일은 자동으로 라우팅이 된다. NextJs는 최초 서버 사이드에서 랜더링 될 html파일을 보내 주며, 페이지의 상호작용이 필요할 때에는 CSR로 처리해 SSR & CSR의 장점을 동시에 가지고 있다고 한다.

요즘 TypeScript를 공부중이다. Generic 타입이라는 것을 알게 되었는데정확하게 모르겠어서 지금 이해한 부분만 간단하게 정리해 두려고 한다. generic은 일부 언어(자바나 c- 재사용 가능한 컴포넌트를 생성하는 유용한 도구라고 한다.데이터의 타입을 일반

파이널 프로젝트로 expo를 활용하여 앱을 만들어 플레이 스토어 까지 모바일 앱을 만든지 한달... 한달동안 React-Native와 다른 공부를 병행하며 1차 리펙토링을 완료 하였다. 뭐든 완벽한 것은 없겠지만 프로젝트에 했던 기능들을 대부분 구현하여 구색은 갖추어

\-오늘은 파이널 프로젝트를 리펙토링 하였다.\-5시간 이상 에러를 잡기 위해 노력 하였다.\-아니 redux상태가 변하지 않아 리덕스에 대하여 더 공부하였다.\-정말 도무지 해답을 찾지 못할것 같은 상황에 조금 휴식을 취하였다.\-그리고 해결 하였다.오타로 인해 아무

\- 파이널 프로젝트 리팩토링 중 react-native에 내장된 컴포넌트 사용 중 TextInput을 터치하면 키보드가 올라오면서 모달 창이 줄어 버려 텍스트를 입력하는 것이 전혀 보이지 않게 되었다. \- KeyboardAvoidingView로 감싸 조건부로 Pro

값(value)은 식(statement)이 평가되어 생성된 결과를 말한다.평가란? 식을 해석해서 값을 생성하거나 참조하는 것을 의미. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리의 공간을 식별하기 위해 붙여진 이름. 💡 변수 = 값(할

interface는 일반적으로 타입 체크를 위해 사용된다. 변수, 함수, 클래스에 사용할 수 있으며, 인터페이스에 선언된 속성 혹은 메소드의 구현을 강제하여 일관성을 유지할 수 있도록 하는 것이다. implements로 타입을 체크 할 수 있으며, interface에

forwardRef 사용해야 한다.

reduce 💡 고차함수 중 하나인 reduce 잘 사용하고 있었으나, 오랜만에 쓰려고 하면 자꾸 헷갈려 간단하게 정리해 보려고 한다. 고차함수란? 어떤 프로그래밍 언어의 함수 구현에서 함수를 인자로 넘길 수 있거나 반환할 수 있을 때 함수를 일급 객체(언어 내

execution context(실행 컨텍스트)란 자바스크립트에서 코드가 실행되는추상적인 공간 이라고 생각하면 된다. 특정 함수 안에서 실행되지 않는다면,보통은 Global execution context에서 실행된다. 함수는 호출될때 자신만의 컨텍스트를 가지게 된다.

Heap

Queue는 선형 자료구조로 Stack과는 달리 들어온 순서대로 나오는 구조이다. 1번이 제일 먼저 들어간다고 하면 Stack은 그림과 같이 1번이 가장 먼저 들어갔지만 나올때는 가장 늦게 들어간 4, 3, 2번이 모두 나와야 나올 수 있다. Queue는 가장 먼저 들

옵셔널 체이닝은 비교적 최근에 나온 문법이라 옛날 브라우저에서는 폴리필이 필요함. 옵셔널 체이닝을 사용하면 연결된 객체의 체인 내의 속성 값을 읽을 수 있는 연산자이다. 즉, 속성 값이 존재한다고 확실히 보증하지 못하는 경우 사용하면 유용하다. 위와 같이 옵셔널 체이닝

FlatList는 React-Native에서 ScrollView와 비슷하게 화면에 벗어난 데이터를 보여줄 때 사용한다. React를 공부하면서 map을 사용해 리스트들을 화면에 랜더링하는 것을 컴포넌트에서 설정으로 간단하게 구현할 수 있다고 보면 되지 않을까 싶다. S

firebase연동하기 위해 xcode를 실행해야 하는데 작동이 잘 되지 않아 xcode를 다시 설치하는 과정에서 에러가 발생한 것 같다. 위와 비슷한 내용을 가지고 있어 위에서 하라는 방식으로 명령어를 입력하였으나 결과는 같았음...시간을 들여 구글링을 한 끝에 해결