틈

VS code 하단에 javascript 부분을 javascript React로 변경해줍니다. 기본 snippet 단축키 설정 import React from "react"; function ${1:${TM_FILENAME_BASE}}() { return ( ${2} ) } export default ${1:${TM_FILENAME_BASE}}; 이런 모양의 코드를 작성합니다. ** ${TM_FILENAME_BASE} : 파일 이름을 가져다 씁니다. ** ${1:} : 해당 코드에 블럭이 잡힌 채로 포커싱 됩니다. **${2:} : 1 이후에 tab 키를 누르면 2로 포커싱 됩니다. https://snippet-generator.app/ discription과 Tab trigger를 작성하고 오른쪽 코드..

1. Getting Started(ㅋㅋㅋ) router를 설치합니다. yarn add react-router-dom index.js에서 셋팅해 줍니다. import App from "./App"; import reportWebVitals from "./reportWebVitals"; import { BrowserRouter } from "react-router-dom"; ReactDOM.render( , document.getElementById("root") ); import { BrowserRouter } from “react-router-dom”; 을 추가하고 App을 BrowserRouter로 감싸줍니다. BrowserRouter를 HashRouter로 변경해서 작업해도 됩니다. (주소에 /#/가..

https://codingmania.tistory.com/437 [React] 리액트 JSX에서 HTML 자동완성(emmet) 적용하기 1. VS Code 설정에 들어간다. 2. settings.json 파일로 접속한다. 오른쪽 상단에 동그라미 부분 3. 아래와 같이 입력한다 JSX에서는 HTML snippet이 적용이 안 되서, 하나하나 직접 작성해야하나? 너무 비효율 codingmania.tistory.com 와우! 그냥 몇 글자 입력했는데, 되네요. "emmet.includeLanguages": { "javascript": "javascriptreact" } 결과가 만족스럽습니다 ^ㅡ^

터미널에서 tab을 누르면 자동 완성 되는 코드 echo 'autoload -Uz compinit && compinit source ~/.zshrc 출처 : https://dundung.tistory.com/288

https://stackoverflow.com/questions/60431931/eslint-error-eslint-couldnt-find-the-config-react-app ESLint error - ESLint couldn't find the config "react-app" Me with my team, start a new React Project using the create-react-app bootstrap command. We add the eslint section on the project but we stuck with annoying error that we never found it before now.... stackoverflow.com intelij 오류인지 모르겠으나, ..

import { createGlobalStyle } from "styled-components"; const GlobalStyle = createGlobalStyle` :root { --color-darkblue: #ddd; --color-primary: #ddd; --color-danger: #ddd; --color-green: #ddd; --color-red: #ddd; --color-yellow: #ddd; --color-bg-green: #ddd; --color-bg-orange: #ddd; --color-bg-blue: #ddd; } `