전체 글 232

REACT-NATIVE - pod install 왜 사용 하는 걸까?

pod install pod 프로젝트에 세팅하기 위하여 맨 처음에 사용함 profile의 pod을 추가, 삭제할 때도 사용한다 명령어를 실행하면 새로운 pod을 다운받고 설치한다. 각 pod 마다 설치된 버전을 profile.lock에 기록한다. profile.lock은 설치된 pod 버전을 기록하고 유지시키는 역할을 한다. 명령어를 실행하면 profile.lock에 리스트 된 팟들에 대해서 지정된 버전만 다운로드한다. (새로운 버전이 존재하는지는 체크하지 않음) pod update {팟 이름} 코코아 팟은 해당 팟의 업데이트된 버전이 있는지 검색한다 profile.lock을 참조하지 않는다 이 명령어는 팟을 최신 버전으로 업데이트 시켜주는 역할을 한다. 단순하게 pod update만 실행하면 모든 팟에..

REACT-NATIVE - M1 React-Native 첫 세팅하기! (react Native CLI)

1. Xcode 설치하기 가장 오래 걸리기 때문에 처음부터 설치 하기를 권장 appstore에서 로그인후 설치하기 2. Homebrew설치하기 https://brew.sh/index_ko #설치 후 next step에 있는거 그대로 복붙 # zsh 설정 파일 열기 vim ~/.zshrc # 작성 eval $(/opt/homebrew/bin/brew shellenv) # homebrew 버전 확인 brew --version Homebrew 3.2.6 ​ # homebrew 정상 작동 확인 # 정상일 때 아무것도 안 뜸 eval $(/opt/homebrew/bin/brew shellenv) 3. zsh, oh-my-zsh 설치하기 # zsh 설치 brew install zsh ​ # oh-my-zsh 설치 ..

mos 개발환경 조성하기

1. homebrew 설치하기 https://git-scm.com/ 2. 터미널에서 설치 명령어 붙여 넣기 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 3. 설치 잘 되었는지 확인하기 brew help 4. 깃 설치하기 brew install git 5. 노드 설치 하기 단 홈페이지에서 안정적 버전인지 확인해볼 것 (나는 @16.15.0) brew install node@16.15.0 6. 얀 설치하기 brew install yarn 기타 homebrew 최신 버전 업데이트 명령어 brew update brew를 통해 node와 yarn 업데이트 하기 brew upgrade no..

카테고리 없음 2022.05.30

npm 에러 - (이 시스템에서 스크립트를 실행할 수 없으므로 ...)

프로젝트 파일을 git clone 한 다음 npm을 실행시키려고 하는데 vs코드에서 오류가 떴다(윈도) 맥에서는 없던 오류에 너무 당황스러워서 쳐봤더니 권한에 관한 오류였다. 1. Windows PowerShell 앱을 검색하여 관리자로 실행 2. 현재 권한 상태 확인 ( get-ExecutionPolicy) - 권한 상태 값 Restricted : default설정값으로, 스크립트 파일을 실행할 수 없습니다. AllSigned : 신뢰할 수 있는(서명된) 스크립트 파일만 실행할 수 있습니다. RemoteSigned : 로컬에서 본인이 생성한 스크립트와, 신뢰할 수 있는(서명된) 스크립트 파일 실행할 수 있습니다. Unrestricted : 모든 스크립트 실행 가능 ByPass : 경고/차단 없이 모든 ..

TYPESCRIPT - defaultProps 사용법

import React from "react"; import styled from 'styled-components'; interface ButtonProps { text: boolean children: any _onClick: () => void margin: string width: string height: string padding: string active: boolean bg: string color: string br: string top: string left: string } //interface에다 프롭스의 타입을 전부 정의 해줘야 한다. const Button = ({ text, _onClick, children, margin, width, padding, height, active..

Frontend/TYPESCRIPT 2022.05.12

React - 불변성? 왜 지켜야 할까?

불변성 : 값이나 상태를 변경하지 않는 것??? 이해가 안 되니 일단 마저 읽어보시죠 1. 효과적인 상태 업데이트 리액트의 상태 업데이트에 대한 기본 원리 부모 컴포넌트가 리렌더링을 하면 자식 컴포넌트도 리 렌더링 하게 되며, 객체의 속성 하나하나를 비교하는 것이 아니라 참조값만 비교하여 상태 변화를 감지한다. 만약에 불변성을 지키지 않는다면 상태 변화를 감지할 수가 없을 것이다! 그래서 원본 데이터를 직접 수정하는 것이 아니라 복사본을 만들어서 사용한다 즉 얕은 비교를 실행하여 성능 최적화를 만들어내게 된다! 2. 사이드 이펙트 방지 원시 타입은 불변성의 특징을 가지고 있지만, 참조 타입인 경우 새로운 값을 변경할 때 원본 데이터가 변경된다(즉 불변성이 지켜지지 않는다) 원본 데이터가 변경될 경우 데이..

Frontend/REACT 2022.05.03