rosie

❓ git 기본 브랜치명이 master에서 main으로 변경된 이유 Black Lives Matter 운동으로 master/slave 등의 IT에서 사용되는 용어에도 정화가 필요하다는 의식이 생기고 있을때 Github에서 2020년에 레포지토리의 기본 브랜치명을 master에서 main으로 변경됨 ❗ 기존의 레포지토리의 브랜치명 변경(master -> main) git branch -m master main git fetch origin git branch -u origin/main main git remote set-head origin -a 위에 코드를 터미널에 입력시 로컬에 master로 생성된 브랜치설정을 main으로 변경할 수 있다

1. Props란? ⅰ. props란? 컴포넌트 끼리의 정보교환 방식 부모 컴포넌트가 자식컴포넌트에게 물려준 데이터 반드시 기억해야 하는 2가지 props는 반드시 위에서 아래 방향으로 흐름 => 부모 -> 자식 방향으로만 흐른다!!(단방향) props는 반드시 읽기 전용으로 취급하며 변경하지 않음 부모 컨포넌트에서 자식컴포넌트로 props전달 방법 import React from "react"; const Son = () => { return 나는 아들이에요; }; // 부모 -> 자식으로 정보를 전달 const Mother = () => { const name = "흥부인"; return ; }; const GrandFather = () => { return ; }; const App = () => ..

📌 프로젝트명 To-Do-List 📌 프로젝트 설명 기술 매니저님의 권유로 주특기 주차 프로젝트와 관련 없이 만들어본 to-do-list 📍구현하고 싶은 기능 ✔️input - 할일을 입력할 수 있는 input 및 추가 버튼 포함 ✔️출력 - 입력기능을 통해 추가된 요소들을 추가 순서대로 리스팅 됨 ✔️삭제 - 휴지통 아이콘 생성, 아이콘을 누르면 삭제됨 ✔️완료 - 각각 추가된 요소들을 누르면 글자색 연하게 변경하기 📌 코드 링크👇 GitHub - Kang-Gyeongwon/to-do-list-hw: 항해99 주특기 주차 중 숙제 항해99 주특기 주차 중 숙제. Contribute to Kang-Gyeongwon/to-do-list-hw development by creating an account o..

error: failed to push some refs to ....... ❓ 오류 발생 상황과 이유 git push를 하자마자 발생한 error: failed to push some refs to ..... 오류 원격저장소인 github에 내 로컬에는 없는 파일이 있을때 내 파일을 push 하는 순간 발생하는 오류 원격저장소에서 내 로컬에 저장하지 않은 파일을 pull 한 후 원격저장소에 다시 push 해주면 오류가 해결됨!! ⭐해결방법 // 1. pull git pull origin branch # origin - 원격저장소 이름 / branch 설정한 브랜치명 // 2. push git push origin branch 위에 방법을 해도 해결이 나지 않을 경우 git push -f origin #..

error: Command failed with exit code 1 ❓ 오류 발생 상황과 이유 앞에 발생한 window 권한 문제로 yarn install이 되지 않고 발생한 오류를 해결한 후 yarn create react-app 파일명 이라는 명령어를 실행하니 발생한 오류.... 보통은 yarn start npm start로 서버를 시작할 때에 발생하는 에러라고 하는데... 시작은 커녕 build자체가 안되지만 열심히 구글링해서 방법을 따라 해봄..... ⭐해결방법 yarn으로 생성된 모든것을 지우기(내 오류는 생성조차 되지 않았기 때문에 아래의 코드를 실행하니 파일을 찾을수 없다고함...) rm -rf node_modules rm -rf yarn.lock yarn 공유 캐시 파일 지우기 yarn ..

yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\user\AppData\Roaming\npm\yarn.ps1 파일을 로드할 수 없 습니다. ❓ 오류 발생 상황과 이유 Windows 권한 문제로 yarn install이 되지 않고 위와 같은 오류 문구가 발생함 ⭐해결방법 Powershell을 관리자 권한으로 실행함 아래의 명령어를 입력 후 Y(예)를 입력 get-help Set-ExecutionPolicy 아래의 명령어를 입력 후 Y(예)를 입력 Set-ExecutionPolicy RemoteSigned 터미널로 돌아가서 npm i -g yarn을 하면 정상적으로 설치됨

1. CRA(Create React App) ⅰ. CRA란? Create React App : Set up a modern web app by running one command. 한 줄의 명령어 입력으로 React 프로젝트 개발 필수요소를 자동으로 구성하는 방법 React 프로젝트를 구성하기 위해 필요한 것들은 무수히 많음 ex) WebPack, babel, eslint 등 이러한 것들을 신경 쓰지 않아도 알서 해주는 것을 보일러 플레이트라함 ❓ 보일러플레이트란? 보일러플레이트 코드의 어원은 신문사업에서 나옴 1890년대에 광고나 칼럼과 같이 계속 사용되는 텍스트 인쇄판은 부드러운 납 대신 강철로 찍기 시작했는데 이를 보일러 플레이트(Boilerplate)라고 부름 CRA를 사용하지 않으면 react,..

1. React란? ⅰ. React란? A JavaScript library for building user interfaces 공식문서에서 소개내용 유저 인터페이스를 빌딩하기위한 자바스크립트 기반의 라이브러리 UI란 사용자에게 보여주기 위한 사용자가 볼 수 있는 부분을 만드는 프론트엔드 영역 UI를 Building한다는 것은? 웹 또는 앱 애플리케이션의 UI, 즉 보여지는 부분(프론트 엔드 영역)을 구축한다는 의미와 같음!! React.js는 SPA 기반의 프론트엔드 개발 프레임워크 중 하나로서, 컴포넌트 단위의 독립적인 블록을 이용한 개발 방법을 이용함 비슷한 프레임워크로 AngularJS, VueJs가 있음 ⅱ. SPA(Single Page Application) 아키텍쳐 SPA(Single Pag..

배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. 예를 들면, arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1] 을 return 합니다. arr = [4, 4, 4, 3, 3] 이면 [4, 3] 을 return 합니다. 배열 arr에서 연속적으로 나타나는 숫자는 제거하고 남은 수들을 return 하는 solution 함수를 완성해 주세요. 🚫제한 사항 배열 arr의 크기 : 1,000,000 이하의 자연수 배열 arr의 원소의 크기 : 0보다 크거나 같고 9..

명함 지갑을 만드는 회사에서 지갑의 크기를 정하려고 합니다. 다양한 모양과 크기의 명함들을 모두 수납할 수 있으면서, 작아서 들고 다니기 편한 지갑을 만들어야 합니다. 이러한 요건을 만족하는 지갑을 만들기 위해 디자인팀은 모든 명함의 가로 길이와 세로 길이를 조사했습니다. 아래 표는 4가지 명함의 가로 길이와 세로 길이를 나타냅니다. 명함 번호 가로 길이 세로 길이 1 60 50 2 30 70 3 60 30 4 80 40 가장 긴 가로 길이와 세로 길이가 각각 80, 70이기 때문에 80(가로) x 70(세로) 크기의 지갑을 만들면 모든 명함들을 수납할 수 있습니다. 하지만 2번 명함을 가로로 눕혀 수납한다면 80(가로) x 50(세로) 크기의 지갑으로 모든 명함들을 수납할 수 있습니다. 이때의 지갑 크..