230901~04 day100 개념 정리

클라이언트 요청 메서드

get	조회		read

post	저장(insert)	create

delete	삭제 요청		delete
	
put	수정 요청 	update


fetch API 요청 

get
fetch("http://localhost:8010/api/cars")

fetch("http://localhost:8010/api/cars", {
	method: "POST",
	headers: {
		"Content-Type" : "application/json"
	},
	body: JSON.stringify(obj)
})


서버 restFul API 제공





1. git : 로컬 저장소 
소스 코드 관리 시스템
코드를 추가하거나 수정할 때 해당 내용들 저장 

- 오류 발생 시 복구 가능 
- 소스 코드가 변경한 사항과 이를 변경한 사람 추적 가능 
- 프로젝트 진행 중 과거의 어떤 시점으로 되돌릴 수 있음 
- 여러 사람과 하나의 프로젝트를 같이 개발 가능 

git 설치하기 - 블로그 참조 

git bash 검색 후 클릭 

1) git 설정 확인 
git config --list

2) 사용자 등록 
로컬에서 기본값으로 사용할 사용자 이름과 메일 (global 옵션 지정)
git config --global user.name "김그린"
git config --global user.email "green@naver.com"


- 사용자 삭제 
git config --global --unset user.name
git config --global --unset user.email


3) 기본 브랜치 이름을 main으로 변경 
(init.defaultbranch=master)

git config --global init.defaultbranch main


2. github : 원격 저장소 
git을 웹에서 보다 편하게 사용할 수 있도록 만든 도구
git을 활용해서 짠 코드를 공유할 수 있는 공간 

github 회원가입 

git으로 관리하길 원하는 폴더에 들어가서 
open git bash here 클릭, 경로 확인 

git init 명령어 입력 (초기화)

숨김 파일 표시 체크하면 .git 폴더 생김 

git add. 입력 (git에 파일 추가)

git commit -m "first commit" (커밋)


(리액트 올릴 때 node_modules 보통 제외함 -> .gitignore에 추가)

remote add origin (로컬에서 원격으로 저장소 연결) 
git remote add origin https://github.com/wooqppu/begin-react.git

git push -u origin main
github(원격 저장소)으로 파일을 올리는 것
(sign in 누르고 git 권한 허용해주기)


파일 내보내기 (생성한 폴더에 파일 복사하기) 
code 버튼 - 원격 저장소 주소 copy - 저장할 곳에 폴더 생성 
- 생성한 폴더에서 git bash 열기 - git clone 원격 저장소 주소 .

집에 가서 깃에서 받은 폴더를 열려면 node-module 없이 파일 다운받았기 때문에 
터미널에서 npm inststall 입력해야함 

집에서 받은 파일로 코드 수정 or 새로운 작업 했다면 
해당 폴더에서 git bash 열고 
git add . 입력 - git commit -m "Todos component add" (추가한 부분에 대한 메세지)
- git push origin main 
-> github에 변경된 부분까지 업로드 완료 

git pull origin main 
github(원격 저장소)에 올려둔 파일을 가져오는 것

pull 하지 않고 새로운 작업을 또 해버리면 
github과 작업물 동기화 되지 않아서 github에 업로드가 안됨 

pull해서 동기화 이후 add - commit - push 과정 진행 

(pull하기 전에 이미 작업을 했으면 add - commit 이후에 pull - push 해주면 됨)

git bash 안열고 터미널 cmd창에서 명령어 입력도 가능



git add .			워킹 디렉토리에 추가
git commit -m "메세지"	스테이지에 추가 
git push			로컬 저장소에 commit 된걸 원격저장소에 올림 
git pull			원격저장소에 저장된걸 로컬저장소로 받아옴 




정규 표현식 

프로그래밍에서 문자열을 다룰 때 문자열의 일정한 패턴을 
표현하는 일종의 형식 언어 

문자열에서 특정한 문자를 찾아내는 도구 

정규식, RegEx, RegExp 라고 씀 

ex> 
회원가입 
010-1234-1234
01012341234

비밀번호는 8자리 이상, 영어 대소문자 포함, 특수문자 1개 이상 포함 

이러한 입력 양식을 정규 표현식을 통해서 지정 가능함 


regexr.com/5mhou (정규표현식 연습 사이트)


그룹 
|	: 또는 
()	: 그룹 
[]	: 문자셋 
[^]	: 부정 문자셋 


문자 
\ 	특수 문자가 아닌 문자 
. 	어떤 글자 (공백 제외)
\d 	숫자 
\D 	숫자가 아님 
\w 	문자 
\W 	문자가 아님 
\s 	공백 
\S 	공백이 아님 


반복 횟수 
?		있거나 없거나 (zero or one)
* 		없거나 있거나 많거나 (zero or more)
+ 		하나 또는 많이 (one or more)
{n}		n번 반복 
{min, max}	최소, 최대


바운더리 
^ 	문장의 시작 
$	문장의 끝



regexr.com/5mhou
자바스크립트에서 정규식 생성하기 

1. 생성자 함수 방식 
const regexp = new RegExp("abc");

2. 리터럴 방식 
const regexp = /abc/;


메소드 

정규식.test(문자열) 
패턴에 해당되는 문자열이 있으면 true, 없으면 false 리턴 

ex>
let pattern = /a/;
pattern.test("abcabc")	true


문자열.search(/정규식/g)
결과값으로 정규식의 값의 인덱스 숫자를 리턴하고 
없으면 -1을 돌려줌

ex>
let set = "hey JudE";
let re = /[A-Z]/g;		// 대문자 A-Z
let re2 = /[.]/g;

set.search(re)		-> J의 인덱스 번호(4)를 리턴 
set.search(re2)		-> .이 없으니까 (-1)을 리턴 


숫자만 가능 
/^[0-9]+$/

한글만 가능 (ㄱ,ㄴ,ㄷ 형식으로는 입력 불가능) 
/^[가-힣]+$/

영문만 가능 
/^[a-zA-Z]+$/


전화번호 형태
/^[0-9]{2,3}-[0-9]{3,4}-[0-9]{4}$/