<zinny/>

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 설치 ..

https://velog.io/@boms2/Xcode-workspace-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0 [Xcode] workspace 없을 때 생성하기 Xcode workspace 생성기 🪓 velog.io

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..

npm install을 하려는데 또 에러가 났다 npm install --save --legacy-peer-deps 각 패키지의 버전 등의 문제로 발생하는 문제라서 인스톨할 때 --save --legacy-peer-deps얘를 넣어주면 해결 완료!

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

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, heigh..

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

yarn start 할때 이같은 에러가 뜬다면!? yarn install / npm install 다시하기

import React, { useState } from "react";import styled from "styled-components";import { AiOutlineDown } from "react-icons/ai";import { AiOutlineUp } from "react-icons/ai";const Dropdown = () => { const List = [ { name: '토마토' }, { name: '고구마' }, { name: '감자' }, { name: '오이*극혐' }, { name: '구황작물조아' }, ] //드롭여부 확인 const [isActive, setIsActive] = useState(false); const [category, ..

import React, { useEffect, useState } from "react";import styled from "styled-components";import { AiFillEye } from "react-icons/ai";import { AiFillEyeInvisible } from "react-icons/ai";import { AiFillCheckCircle } from "react-icons/ai";import { AiOutlineCheckCircle } from "react-icons/ai";const Input = () => { const [pw, setPw] = useState({ type: "password", value: false, }); const [cid..