tailwind를 써보려고 하는데 자동완성이 안돼서 이리저리 찾아보다가 블로그 찾음.나중에 또 이런 상황이 오면 빠르게 쓰기 위해 내꺼에 작성중!settings에 들어가서 preference:Open User setting 이렇게 찾고 settings.json 파일 편

node version이 next13을 쓰려면 update를 하는것이 좋다고 하여서 update를 했다. (문제가 생기면 다시 다운그레이드하면 되니까...😂)근데 nodejs 웹페이지를 가서 lts version을 받아서 설치해도 계속 설치는 됐는데 버전이 그대로

project name 정하기typescript, eslint - yes화면은 출력이되는데 typescript 경로가 유효한 tsserver 설치를 가르키지 않는다는 error가 계속 발생. tsx file들에 전체적인 error 대파티.yarn berry 설치시에 t

문자열을 정수로 바꿔주는 함수string : 숫자로 변환될 문자열을 넣는다.radix : 2부터 36까지의 정수. Number 자료형이 아닌 경우 Number로 변환.정수와 NaN을 반환한다. 🖍 예시숫자형 문자열 + 문자열문자열을 숫자로 변환해서 숫자와 더하여진 예

변경할 레포지터리에서 settings clickBranches clickmaster를 main으로 변경!git branch -M main git add .git commit -m ""git push origin main

this 객체를 가르키는 키워드라고 설명할 수 있다. 정의해서 말하기는 힘들다. 상황에 따라서 바뀌기 때문이다. "this는 함수를 호출한 객체이다!" 전역적인 객체에서 this값을 찾아보자! 윈도우 객체는 브라우저에 대한 정보를 지니고 있는 전역 객체이다.

동일페이지를 실수로 나가는 경우를 막기위해서 이 구성요소를 사용하는데, 라우터 v6에서는 관련기능을 제외하고 릴리즈 되었다고 한다.💫 v5💫 v6v5Switch 내부에 등록함.경로에 맞는 컴포넌트 등록시 그 페이지를 넣어주거나 component 속성값을 사용.정확

하나씩 차근차근 해결해보자. 🤯 에러 발생 원인 우선 네이티브에 카메라 기능을 구현해보는 공부를 하다가 발생. ios는 권한 설정을 직접 해줘야 카메라 작동이 된다고 한다. hook - useCameraPermission 사용 조건을 줘서 구현하였더니 에러 발

기존에 있던 폴더에 git branch를 만들어서 하다가 나도 모르게 아주 된통 혼났다. 아직 그 문제는 우선 최악의 방법을 썼기에...마음에 우선 담아두는 중...먼훗날 나의 흑역사가 될꺼기에...ㅠㅠ암튼 이래저래 깃을 공부해야 겠다 생각하고 새로운 경로를 지정하여

고백해야하는 사실...첫날은 지인이 도와주면서 설치를 했는데 내가 사전 공부를 안해가서 난리가 났었다... 근데 이제 모든 세팅을 하고 나니...내 잘못은 아주 작은 부분에 있었던거 같다...우선 난 처음부터 npm install -g react-native-cli를

결과적으로 성공! 기록해보기!안되어 있으면 https://brew.sh//index_ko 들어가서 설치하기 보고하기없으면 설치!! 본인은 node와 homebrew는 설치되어 있었음.Xcode 클릭후 Preferences를 클릭해 설정 창 오픈!Location

아직 왜 이 에러가 발생했는지 모르겠다...우선적으로 다른 폴더에서 만든 파일때문인지...위와 같은 에러가 떠서 난감 그자체...구글링을 해보는데 vscode를 다시 켜보면 된다는 방법도 있었지만 실패...그대로다...npx tsc -p tsconfig.json 근데

useReducer useState처럼 state를 생서하고, 관리할수 있게 해주는 도구이다. 여러개의 하위 값을 포함하는 복잡한 state를 다뤄야 할 경우 useState대신 useReducer를 사용한다면 더 깔끔하게 사용할 수 있다. 유지보수도 편리하다.

useCallback useCallback은 함수가 필요할 경우, 또 생성하는 것이 아니라 메모리에서 가져와서 재사용한다. 리액트는 함수형 컴포넌틑 함수컴포넌트 안에 매개 변수를 useCallback했을 경우 렌더링이 되더라도 초기화 되는 것을 막을 수 있다.

함수형 컴포넌트에서 useRef를 호출하면 오브젝트를 반환해준다. 우리가 인자로 넣어준 초기값은 ref 안에 있는 current에 저장이 된다.반환된 ref는 컴포넌트가 계속해서 렌더링이 되어도 컴포넌트가 언마운트 되기 전까지는 값을 그대로 유지할 수 있다.useRef

리액트는 위에서 아래로 내려가면서 진행된다.앱 안아서 전역적으로 사용되는 데이터들을 여러 컴퍼넌트들이 쉽게 공유할수 있는 방법을 제공해준다.context를 이용하면 props로 데이터를 일일이 전달 해주지 않아도 해당 데이터를 갖고 있는 상이 컴포넌트가 이데이터를 필요

프로젝트 1차 기획을 배포하기전에 이용약관과 개인정보방침에 대한 생각을 준비하고 있었는데 사이트에서 가이드를 보면서 만들어 코드에 적용시키려고 보니 html 파일이어서 이를 react에 어떻게 적용시킬게 고민하던 중 찾게 된 방법이 dangerouslySetInnerH

우선 코드난독화에 대하여 찾게 된 계기는 프로젝트로 웹사이트를 구현중 개발자 도구에서 Sources에서 일반적으로 빌드된 파일을 가지고 배포ㅆ을때 구현한 우리의 코드가 그냥 그대로 노출되는 것을 찾게 되었다. 코드난독화사진 코드난독화란? 프로그램을 변화하는 방법

펫플래닛 사이트 클론 프로젝트전체적인 UI적 틀과 기획부분만 클론.프로젝트 기간 : 2022.05.09 (월) ~ 2022.05.20 (금) (2주)프로젝트 인원 : FE - 4명, BE - 2명기술 스택 : FE : React, Styled-components BE