profile
개발자를 꿈꾸는 자
태그 목록
전체보기 (82)JavaScript(60)TIL(20)React(18)react native(13)project(8)회고(7)티끝(7)array(5)method(5)redux(4)error(4)반성(4)typescript(3)function(3)lexical(3)regexp(3)알고리즘(3)async(3)HA(2)git(2)&&(2)상속(2)고차함수(2)내장함수(2)final(2)Prototype(2)object(2)FIRST(2)Pair(2)component(2)자료구조(2)Fitst(1)closer(1)http(1)CRA(1)Flatlist(1)queue(1)초심(1)REST(1)개발(1)heap(1)errorhandling(1)keyboard(1)oAuth(1)coplit(1)(1)표현식(1)callback(1)캡슐화(1)Module(1)create react app(1)고찰(1)문제풀이(1)트리(1)errorlog(1)2-Tier(1)dotenv(1)custom(1)useState(1)조합(1)short(1)Spread(1)package.json(1)node.js(1)ref(1)return(1)검색(1)xcrun(1)while(1)for(1)store(1)export(1)optional chaining(1)시작(1)Generic(1)첫걸음(1)palindrome(1)goodbye2021(1)조건문(1)블로그(1)2022(1)cli(1)반복문(1)protocol(1)concat(1)지킬것(1)squared(1)Reference Data Type(1)(1)회고록(1)NumberToArray(1)exop(1)interface(1)복사(1)리터럴(1)and(1)or(1)재귀함수(1)authorization(1)State(1)logical operator(1)함수(1)navigation(1)mysql(1)middleware(1)참조자료형(1)Native(1)reduce(1)SSR(1)log(1)execution context(1)3-Tier(1)모듈화(1)clear(1)문제(1)명령어(1)재귀(1)스택(1)getter(1)setter(1)reactnative(1)변수(1)Array.from(1)자료형(1)그래프(1)만능(1)(1)수도코드(1)부트캠프(1)series(1)closure(1)절대경로(1)상대경로(1)modal(1)promise.all(1)set(1)duck(1)authentication(1)scope(1)nextjs(1)Section_1(1)배열(1)(1)res(1)oneday(1)Closures(1)proto(1)promise(1)import(1)Re-use(1)API(1)npm(1)InvariantViolation(1)순열(1)Chain(1)
post-thumbnail

CRA: dotenv 사용하기

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

2022년 3월 13일
·
0개의 댓글
post-thumbnail

[짧] spread와 rest

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

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

Next.js 기초 (짧음 주의)

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

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

[TypeScript]: Generic

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

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

[회고]: 리펙토링

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

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

회고

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

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

[React-Native] Modal-Keyboard

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

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

표현식과 문

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

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

[typscript]: interface & Duck Typing

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

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

React-Native ref & custom

forwardRef 사용해야 한다.

2022년 1월 24일
·
0개의 댓글
post-thumbnail

Js Reduce

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

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

함수의 실행

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

2022년 1월 16일
·
0개의 댓글
post-thumbnail

Heap

Heap

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

Queue

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

2022년 1월 12일
·
0개의 댓글
post-thumbnail

?. Optional Chaining

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

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

[React-Native] FlatList

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

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

[ErrorLog]:React-Native

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

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

Component 재활용

회원가입 버튼을 누름과 동시에 회원가입 페이지를 호출 및 params에 isPressedSignUp 값을 넘겨 주어 회원가입 페이지의 isPressedSignUp조건을 충족시켜 비밀번호 확인과 뒤로가기 버튼을 활성화 시켜 회원가입페이지를 따로 만들 필요가 없이 재활용

2022년 1월 5일
·
0개의 댓글
post-thumbnail

[ErrorLog]: React-Native

Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the applic

2022년 1월 4일
·
0개의 댓글
post-thumbnail

클로저

Closures > A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment).

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