J허브

# create-react-app 제거 후 재설치 npm uninstall -g create-react-app npm install -g create-react-app # create-react-app 재실행 npx create-react-app my-app

//첫 업로드// git init git add README.md git commit -m "first commit" git branch -M main git remote add origin https://github.com/id/프로젝트이름.gitgit push -u origin main //추가 업로드// git add . git commit -m ‘제목‘ git push -u origin main

1 2 3 4 5 6 7 8 9 #fullbackground{ background: url("https://풀화면이미지주소.jpg") no repeat; background-size: cover; background-position: center center; width: 100vw; height: 100vh; } Colored by Color Scripter cs

1 2 3 4 5 6 7 8 .centerwriting{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(49, 41, 41); text-align: center; } Colored by Color Scripter cs

태그 - h1~h6까지 있으면 h1이 가장 크다. 태그 - 문단을 넣을 때 사용 - 줄바꿈 예시) 안녕하세요 반갑습니다. - 글씨강조 : bold 태그는 글자를 굵게 표현하는 태그. : italic 태그는 글자를 기울여서 표현하는 태그. : underline 태그는 글자의 밑줄을 표현하는 태그. : strike 태그는 글자의 중간선을 표현하는 태그 빈태그 닫는 태그 없이 사용가능 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 6..

블록레벨 - 일정 범위를 포괄해서 적용 (div, p, h1 등) 인라인 레벨 - 자기에게 필요한 영역까지만 적용 (span, a 등) display 속성 inline - 인라인 처리 block - 블록 레벨 처리 inline-block - 인라인 배치, 블록 레벨 요소 속성 추가 none - 디스플레이 표시x 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 예시) . . 3px 실선 빨간색 5px 점선 색깔조합 Colored by Color Scripter cs

css 글자 세팅(글꼴, 크기, 정렬, 색상) font-family : 글꼴 font-size : 크기 font-aligh : 정렬 방식 color : 색깔 1 2 3 4 5 6 font-family *{ font-family: 글꼴1, 글꼴2, 글꼴3; } -글꼴1을 우선 지정하되, 지원안될시 글꼴2-> 글꼴3을 지정 cs font-size px - 모니터 상의 화소 하나 크기에 대응하는 절대적인 크기 rem - html 태그의 font-size에 대응하는 상대적인 크기 em - 상위태그에 font-size에 대응하는 상대적인 크기 1 2 3 4 5 6 7 8 9 10 11 12 text-aligh left/ right - 왼쪽, 오른쪽 정렬 center - 가운데 정렬 justify - 양끝 정렬 예..

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667css선택자--------------------------------------- 전체선택자전체선택*{color: green;} ------------------- 유형선택자p태그 요소들 선택p*{color: green;} ------------------- 클래스 선택자-문서내 class가 텍스트인 요소 글자만.text{color: green;}예시) 텍스트만 녹색으로 색깔변경 없음 p테그도 녹색으로 p색깔변경 없음 ------------------- 아이디 선택자id가 '네임'인 ..

css적용시 css파일연결 양식과 p테그 개별 수정양식 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 css연결 --------------------------------------- ---------------------------------------- css ---------------------------------------- p{ color: blue; font-size: 32px; } ---------------------------------------- cs

아이디어가 점점 늘어나서 기능이 많아지면 버그, 오류도 많아진다. 그만큼 유지보수가 감당이 안될 수도 있다. 기본에 충실하고 심플한것도 중요하다. 일단 간단하게 제작 후 출시하는 게 중요하다. 광고는 생각보다 중요하다.(마케팅 비용은 생각보다 엄청난 비용이 든다.) 본인이 하는 본업과 연계해서 하면 마케팅 비용이 절약될 수 있다.(본업 틈틈이 홍보가 가능해진다.) 핵심기능만 담아주면 사람들이 필요한 것들을 말해준다. 일단 출시 후 반응을 보면서 방향성을 잡아 나간다.(댓글, 피드백)