수니아이티

Props를 통해서 스타일링 하는 방법 const Button = styled.button` /* props로 넣어 준 값을 전달 받을 수 있다. Button 컴포넌트에서 color="yellow" 값을 props로 전달하였고, 전달된 props 값이 없으면 blue값을 사용 한다. */ background-color: ${(props) => props.color || "blue"}; `; const App = () => { return ( 버튼 ) } export default App; img태그의 src 속성을 Props 로 전달하는 방법 * props를 허용하는 올바른 attrs 형식은 props를 사용하고 객체를 반환하는 함수를 정의하는 것이다. const Icon = styled.img.attr..

{} 감싸고 문자열은 `` 으로 감싼다. 참고로 taget="_blank" 는 새창으로 웹페이지가 열린다는 의미이다.

1. 깃헙내에 repository를 만든다. 2. github desktop 으로 이동 3. 위에서 생성한 repository를 로컬 경로(임의 지정)에 clone 한다. clone a Repository from the internet > Github.com > clone 할 repository 선택 4. vscode 편집기로 폴더를 연다 (github desktop 에 저장한 폴더랑 같은 폴더여야 한다!!) 5. README.md 파일 작성(markdown으로 작성) readme 파일은 모든 git repository가 가지고 있어야 되는 파일이다. 파일을 저장하고 github desktop 을 보면 변경 된 파일이 적용되어 있다. ( Changes 1 ) 6. commit commit 은 repos..

mdn : firefox가 제공하는 web에 관한 정보들을 정리한 문서 방법 : 검색어 뒤에 mdn을 넣는다

gh-pages 프로젝트를 GitHub Pages에 무료로 호스팅 해준다. 일반적으로 동작하는 방식은 github에서 project 명을 가져오는 방식이다. (프로젝트를 github에 업로드) 사용 방법 1. gh-pages 설치 ]$ npm i gh-pages 2. package.json 셋팅 2-1) 호스팅할 homepage 추가 (경로 : 소문자이어야하며 띄어쓰기는 안된다. ) "homepage" : "https://{username}.github.io/{project_name}/" 2-2) 스크립트 추가 (deploy, predeploy) "scripts": { "start": "react-scripts start", "build": "react-scripts build", "deploy": "g..