Someday_Study

vSCode와 GitHub 연결 후 처음 Commit을 진행할 시 아래와 같은 알림 창이 뜨는 경우가 있다.  번역하자면 "git에서 "user.name"과 "user.email"을 구성했는지 확인하세요." 이다.간단하게 말하자면 VSCode에서 GitHub로 전송할 때 user의 이름과 이메일을 입력하지 않았다는 것이다.  해결방법TERMINAL을 활성화시켜 아래와 같은 명령어를 작성한다. git config --global user.name "Your Name"git config --global user.email "your.email@example.com"여기서 "Your Name" 부분에는 영어로 닉네임을 "your.email@example.com"에는 이메일을 작성한다.  작성 예시git con..

위와 같이 React를 설치 및 실행시킬 시 npm install(node_modules 설치) 명령어를 터미널에 작성한다. 이때 발생할 수 있는 기초적인 error 코드가 3211225477이다.  이때 npm start를 실행하게 되면 아래와 같은 출력물을 볼 수 있다. react-scripts start'rdact-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.  해결 방법가장 단순한 방법으로 경로 내 한글로 되어있는 파일 이름을 영문으로 변경해 주는 것이다. 1. vscode 프로그램 종료2. 실행시키고자 하는 React 파일이 있는 경로의 모든 파일명을 영문으로 변경3. vscode 프로그램 실행3-1. 파일 명을 영문으로 바꿨는데도 아래와 ..

vs 코드가 설치가 되어 있고, gitHub 가입이 되어 레파지토리가 생성 되어있다는 전제 하에 진행하겠습니다. VSCode 설치 는 아래 링크로 가능합니다.https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud a..

자주 사용하는 코드 스피넷(컴포넌트 생성 약어) 모음 rafce-> 현재 있는 파일 이름을 기준으로 const 에로우펑션에 export가 분리된 형식으로 생성됨ReactArrowFunctionComponentExport rfce-> 현재 있는 파일 이름을 기준으로 function에 export가 분리된 형식으로 생성됨ReactFunctionComponentExport

리엑트 React의 단축키, 템플릿 자동완성을 사용할 수 있도록 확장팩을 설치하는것이 편합니다. Extension 단축키 : Ctrl + Shift + X검색창에 react 검색  ES7+ React/Redux/React-Native snippets 설치   현재 있는 파일 이름을 기준으로 const 에로우펑션에 export가 분리된 형식으로 생성됨ReactArrowFunctionComponentExport rfce-> 현재 있는 파일 " data-og-host="someday-study.tistory.com" data-og-source-url="https://someday-study.tistory.com/9" data-og-url="https://someday-study.tistory.com/9" da..

VSCode TERMINAL(터미널) 로 파일 경로 수정하는 방법 다양한 공부를 진행하다보면 파일이 많이 생성되는 경우가 있다. 리엑트의 경우 설치된 폴더 기준 서버가 각기 다르기떄문에 실행화면을 보기 위해서는 설치 폴더별 서버를 실행시켜 줘야 한다. 이미 리엑트를 실행했다면 아래와 같이 경로 등이 활성화되지 않는 경우가 있다. 　단축키 Crtl + c 　 현재 경로 기준 명령어를 작성할 수 있도록 활성화 된다. TERMINAL React 실행 파일 경로 변경 > 실행할 파일을 변경하고 싶을 경우 경로를 변경해줘야 한다. // 파일 한단계 나가기(상위 파일로 변경)cd .. // 원하는 파일로 경로 변경cd ./react06 // TERMINAL, cmd 명령어npm start 정상적으로 실행이 된다면 ..

조건에 대한 참, 거짓이 각 1개씩일 경우 자주 사용하는 연산자if - else 문 대체체라고도 표현함 // 조건식 ? 참일경우 결과값 : 거짓일 경우 결과값;condition ? exprIfTrue : exprIfFalse;　condition　  : 조건문　?　 : 조건문 종료 시 작성　exprIfTrue　 : 조건문이 참(true) 일 경우 실행할 표현식 (치환 값)　:　 : 참, 거짓 표현식 구분자　exprIfFalse　 : 조건문이 거짓(false)일 경우 실행할 표현식 (치환 값)

리엑트를 VSCode에서 사용하기 위한 설치 및 시작 방법   리엑트를 사용하기 위해 먼저 다운로드하여야 하는 프로그램이 있다. 아래 링크를 클릭하여 해당 파일을 다운받기! Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org아래와 같은 사이트에 접속하게 되는데 Download Node.js.(LTS)를 클릭해 다운로드하기.여기서 LTS라는 뜻은 가장 많이 다운로드한 즉 가장 많이 사용하는 버전이라는 뜻 현재 2024년 11월 기준 가장 최신 버전은 v23.3.0이나사용자들이 가장 많이 이용하는(다운로드한) 버전은 v22.11.0이라는 뜻이다.  다..

현재 피그마에서 지원하는 색상의 모드는 총 3가지 이다. Lihgt 모드, Dark모드, System 모드대부분 Light모드와 System 모드는 동일하게 적용이 될 것이다 .    왼쪽 상단의 내 닉네임을 클릭하면 메뉴창이 뜬다. 여기서 두번째 Settings 탭을 클릭해준다.   처음 화면인 Account 탭의 중간쯤 보면 Theme 목록의 선택바를 클릭하면 위 캡쳐본과 같이 세가지 선택지(서비스)를 제공한다.  원하는 화면색상모드를 선택하면 즉시 적용된다.  적용된 화면 색상모드를 확인한 후 팝업창의 오른쪽 위 x 버튼을 누르면 끝!

협업 또는 개인작업을 위해 기존과 구분되는 프로젝트(팀)를 생성하는 방법 무료 Starter 버전을 사용하고 있는 경우 팀 자체는 생성할 수 있으나 하나의 팀 = 하나의 프로젝트만 구성할 수 있습니다. 혹 프로젝트를 추가로 생성을 원할 경우 구독(업그레이드)을 진행하셔야 합니다. *무료버전 사용시 제약 사항 정리*- 팀 생성 제한 없음- 프로젝트 추가 불가 (팀당 기본 1개 프로젝트만 사용 가능)- 1개 프로젝트당 3개의 피그마 디자인 파일, 3개의 피그마 잼 파일을 생성할 수 있다. - 1개 프로젝트당 3페이지의 피그마 디자인 파일을 생성할 수 있다.오른쪽 탭을 확인하시면 최대 사용파일을 확인하실 수 있습니다 .  왼쪽 첫 프로젝트를 시작할 당시 작성했던 이름을 클리해줍니다. 하단 + Create ne..