전체 글

커맨드 시프트 P : 검색⇧⌥ F : 코드 정렬 🔗 RerferencesKeyboard Shortcuts Reference Visual Studio Code Key BindingsHere you will find the complete list of key bindings for Visual Studio Code and how to change them.code.visualstudio.com

1.  Git 설치 확인$ git --version  2.  Git 전역 설정GitHub 계정 정보를 Git에 설정한다$ git config --global user.name "user_name"$ git config --global user.email "user_email" 3.  자격 증명 도우미 설정macOS의 키체인을 사용하여 GitHub Token을 저장한다$ git config --global credential.helper osxkeychain 4. GitHub 개인 액세스 토큰 사용하여 계정 연동이미 생성했던 토큰이 있다면 해당 토큰 값을 사용하면 되고 그렇지 않은 경우 새로 토큰을 발급받아 진행한다. Tokens (classic) 이동 후 토" data-og-host="kimyeongse..

1. 테마 설정하기1-1.  ZSH_THEME 설정하기1) Powerlevel10k 설치$ git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k2) ~/.zshrc 파일 열기$ nano ~/.zshrc 3) ZSH_THEME 설정을 "powerlevel10k/powerlevel10k" 로 수정ZSH_THEME="powerlevel10k/powerlevel10k" 4) 설정 적용$ source ~/.zshrc 설정 적용 후 아래와 같은 터미널 세팅 관련 프롬프트가 계속 이어진다. 원하는 대로 설정하면 된다. ZSH_THEME에 따른 UI ..

0.  oh my zsh 설치 전 선행 과정1)  homebrew 설치 [macOS] Homebrew 설치 및 버전 확인0.  XCode Command Line Tools(CLT) 설치1) 터미널에 아래 명령어 입력xcode-select --install  1.  Homebrew 설치하기Homebrew란?macOS용 패키지 관리자로 소프트웨어를 설치하고 관리해준다. Homebrew를 설치하는 방kimyeongseo.tistory.com # homebrew 버전 확인$ brew -v 2) iTerm2 설치 [macOS] iTerm2 설치iTerm2는 macOS용 고급 터미널 에뮬레이터이다.어떤 기능을 제공하는지는 iTerm2 공식 홈페이지에서 확인 가능하다. 기존 터미널에서 제공하지 않는 여러가지 편의 기..

iTerm2는 macOS용 고급 터미널 에뮬레이터이다.어떤 기능을 제공하는지는 iTerm2 공식 홈페이지에서 확인 가능하다. 기존 터미널에서 제공하지 않는 여러가지 편의 기능(동시창, 검색 등)과 개발자 친화적인 UI 때문에 설치를 진행하였다.1. iTerm2 설치하기 1-1. 터미널을 사용하여 설치$ brew install iterm2 1-2. 설치 파일을 사용하여 설치 위 홈페이지에서 다운받으면 zip 파일 내부에 iTerm를 실행하면 된다. 1-3. iTerm2에 Homebrew 설치iTerm2에도 Homebrew를 설치해줘야 한다.기존 터미널에서 Homebrew를 설치했던 것처럼 진행하면 된다. [macOS] Homebrew 설치 및 버전 확인0.  XCode Command Line Tools(C..

0.  XCode Command Line Tools(CLT) 설치1) 터미널에 아래 명령어 입력$ xcode-select --install  1.  Homebrew 설치하기Homebrew란?macOS용 패키지 관리자로 소프트웨어를 설치하고 관리해준다. Homebrew를 설치하는 방법으로는 1) 터미널  2) 설치파일 을 사용하는 방법이 있는데 이 글에서는 2) 설치파일을 사용해서 설치하는 방법으로 진행하였다. Homebrew를 설치하기 전에 XCode CLT 설치가 반드시 선행되어야 한다.  1-1. 터미널을 사용하여 설치$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"터미널의 위..

더보기 오늘의 사족 안녕하시렵니까? 오랜만에 글을 쓰는데 다들 강녕하셨는지요? 물론 그 누구도 저의 안부를 묻지는 않았으나,, 크흠 저는 잘 살아있었답니다. 잘지냈다고는 형식상이라도 잘지냈지 아니하지 아니한게 아니였기 때문에 하지 않도록 하겠습니다. 제가 일주일간 두문불출하였던 이유를 설명해보자면 다른 할 일(111111111111111111111 x ♾️)이 많아졌기 때문입니다. 일이 일을 낳고 그 일이 일을 낳으니 일의 세상에서는 저출산 걱정할 일은 없겠습니다. 회고록 React 공부를 다시 시작하면서 To Do List 프로젝트를 만들었다. 분명 간단하게 구현하고 끝내려 했는데 프로젝트 마감 기한을 정해두지 않은 채로 개발을 하니까 계속 기능을 추가하고 싶은 욕심이 생겨서 개발 기간이 늦춰졌다. 이..

to do list 프로젝트를 하면서 배열 내에 있는 값을 삭제하거나 상태를 변경하기 위해 각 배열 요소에 고유한 값을 부여해야 할 필요성을 느꼈다. 어떻게 배열 내에 요소를 생성할 때마다 고유한 값을 부여해야 하는지 고민을 하고 있던 찰나에 라이브러리의 도움을 받았다.. UUID 설치 커맨드 npm install uuid yarn add uuid UUID 사용방법 import { v4 as uuidv4 } from "uuid"; 해당 라이브러리를 사용할 컴포넌트 파일에 uuid를 import 해두고 고유한 값 부여가 필요한 태그에 위와 같이 대괄호 안에 uuid() 함수를 선언해주면 된다.

부모에서 자식으로 값을 전달하는 건 자식 컴포넌트로 props 전달을 해주면 된다. 그러나 자식에서 부모로 값을 전달할 때는 그 방법이 다르다. 자식 → 부모 1. 먼저 부모 컴포넌트에서 함수를 정의하고 이 함수를 자식 컴포넌트에 props로 내려준다. ⬇️ 부모컴포넌트 import React, { useEffect, useState } from "react"; import styles from "./List.module.css"; import { useImmer } from "use-immer"; import ListItem from "./ListItem"; export default function List() { const [list, updateList] = useImmer(initalList);..

1. “build.command” failed 1번째 시도: 프로젝트 패키지 파일내 scripts 수정 [React] "build.command" failed (Netlify 배포) 나와 같은 에러를 겪은 경우인데 package.json을 다음과 같이 설정해두었더니 해결했다고 한다. "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "predeploy": "CI npm run build", "deploy": "gh-pages -d build" }, 그러나 실패 2번째 시도: 배포 사이트 내에 빌드 명령어 수정..